/*
 Theme Name:   Pearl International Insights
 Description:  Custom theme
 Author:       Carnoustie Creative
 Author URI:   https://www.carnoustiecreative.co.uk
 Template:     baseline
 Version:      1.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  baseline-child

font-family:'Helvetica Neue LT W05_55 Roman';
font-family:'Helvetica Neue LT W05_65 Medium';
font-family:'Helvetica Neue LT W05_56 Italic';
font-family:'Helvetica Neue LT W05_57 Cond';
font-family:'Helvetica Neue LT W05_67 Md Cn';


*/

.baseline header {
    background-image: linear-gradient(-134deg, #03081E 0%, #745469 100%);
}

@media ( min-width: 900px ) {

    .baseline .container {
        width: 85%;
    }
    
}

.baseline .mobile-nav {
    background: #ded9d7;
}

.baseline .logo img {
    width: 25rem !important;
}

.baseline header .logotitle.row {
    padding: 3rem 0;
}



body.baseline {
    font-family:'Helvetica Neue LT W05_55 Roman', sans-serif;
    font-size: 1.7rem;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
}

.baseline h1 {
    font-family:'Helvetica Neue LT W05_67 Md Cn';
    margin-bottom: 0;
    font-size: 4rem;
    text-transform: uppercase;
}

.baseline h2 {
    margin-bottom: 2rem;
    font-size: 4rem;
    font-family:'Helvetica Neue LT W05_67 Md Cn';
}

@media ( max-width: 720px) {

    .baseline h1,
    .baseline h2 {
        font-size: 3.2rem;
    }

}

.baseline .header-wrap {
    border-bottom: 0;
}

.widget-area.footer-bottom {
    margin-top: 9rem;
}

@media (min-width: 1200px) {

    .baseline nav .full ul li a, .sidebar .menu li a {
        padding: 1.0rem 3.0rem;
    }

}

.baseline .button, 
.baseline button, 
.baseline input[type="submit"], 
.baseline input[type="reset"], 
.baseline input[type="button"], 
.baseline .woocommerce #respond input#submit, 
.baseline .woocommerce a.button, 
.baseline .woocommerce button.button, 
.baseline .woocommerce input.button {
    padding: 1.1rem 4rem;
}

.baseline li.button {
    padding: 0;
}

.baseline li.button a,
.baseline footer .widget-area .menu li.button a {
    padding: 1.1rem 4rem;
}

.baseline li.button a {
    padding: 1.2rem 4rem;
}


.baseline footer {
    padding-top: 3rem;
}

.baseline .main .content {
    padding-bottom: 2rem;
}

.baseline .cde-image-left-text-right .left.img, 
.baseline .cde-text-left-image-right .right.img {
    min-height: 40rem;
}

@media ( max-width: 720px ) {

    .baseline .cde-text-left-image-right.img-list .right.img  {
        min-height: 30rem;
    }

}

.img-list .left .inner {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-row-gap: 2rem;
    padding-left: 0 !important;
}

.img-list .left .inner img {
    margin: 0.5rem 0 0 0 ;
}

.widget.cde-flex-content {
    margin-bottom: 8rem;
}

.col-black a.button {
    background-color: #BBAEA7;
    color: #000;
    float: right;
    margin-top: 2rem;
}

.col-black a.button:hover {
    background-color: #FFFFFF;
}

.col-black h2 {
   margin-bottom: 2rem; 
}

.boxes-right .left-col:before {
    content: "";
    display: block; 
    position: absolute;
    left: 00;
    top: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: 0.5;  
}

.boxes-right .left-col {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 30rem;    
    height: 35vw;
    max-height: 60rem;
    position: relative;
}

.boxes-right .left-col h1 {
    color: #fff;
    position: absolute;
    bottom: 4rem;
    left: 4rem;
    max-width: 60%;
    margin-bottom: 0;
    font-size: 3.8rem;
}

@media ( max-width: 1070px ) {

    .boxes-right .left-col {
        height: unset;
        max-height: none;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .boxes-right .left-col h1 {
        position: static;
        padding: 6rem 2rem 2rem 2rem ;
        font-size: 2.5rem;
    }

}

.boxes-right .cde-box-menu {
    height: 100%;
} 

.baseline .cde-box-menu .box-menu-item {
    background-image: linear-gradient(135deg, #EEEEEE 0%, #F8F3F4 19%, #E7E6E4 56%, #BBAFA6 100%);
    position: relative;
}

@media ( max-width: 700px ) {

    .boxes-right .cde-box-menu .box-menu-item {
        min-height: 10rem;
    }

    .baseline .cde-image-left-text-right .right, 
    .baseline  .cde-text-left-image-right .left {
        padding: 2rem 0;    
    }

}

.cde-box-menu.style-3 li a {
    height: 100%;
    position: relative;
    padding: 2rem 2rem;
    min-height: 14rem;
}

.boxes-right .cde-box-menu.style-3 li a {
    min-height: unset;
}

.cde-box-menu .box-menu-item .option h2 {
    color: #000;
    font-family:'Helvetica Neue LT W05_55 Roman';
    max-width: 60%;
}

.boxes-right .cde-box-menu .box-menu-item .option {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
}

.baseline .cde-box-menu.style-3 li a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;    
}

.baseline .cde-box-menu.style-3 li p {
    display: none;
}

.cde-box-menu.style-3 li:before {
    background-image: url('right-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    right: 3rem;
    bottom: 2.5rem;
    position: absolute;
    background-position: bottom right;
    width: 3rem;
    height: 9rem;
    display: block;
}

.mobile-nav #menu-choices li.button.float-right {
    max-width: 100%;
}

@media ( max-width: 700px ) {

    .float-left,
    .float-right {
        max-width: 100%;
        width: 100%;
    }

    .baseline footer .widget-area .menu li.float-right {
        display: block;
        width: 100%;
        margin-top: 1.5rem;
    }

}

footer .widget-area .menu li:nth-last-child(2):after {
    display: none;
}

.widget p + h2,
.widget ul + h2,
.widget img + h2 {
    margin-top: 3rem;
}

.baseline .cde-two-cols .right-col ul {
    margin-left: 0;
}

.header-wrap nav .full ul li a,
.footer-top .menu li a {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-family:'Helvetica Neue LT W05_57 Cond';
    letter-spacing: 0.09rem;
}

.cde-wide-text .inner,
.cde-two-cols .inner,
.cde-three-cols .inner {
    padding: 0 4.5rem;
}

.cde-wide-text.has-bgcolor .inner,
.cde-wide-text.has-bgimage .inner,
.cde-two-cols.has-bgcolor .inner,
.cde-two-cols.has-bgimage .inner,
.cde-three-cols.has-bgcolor .inner,
.cde-three-cols.has-bgimage .inner,
.cde-two-cols.geog .inner {
    padding: 4.5rem;
}

.home .cde-wide-text,
.home .cde-two-cols,
.home .cde-three-cols,
.home .cde-wide-text .inner,
.home .cde-two-cols .inner,
.home .cde-three-cols .inner {
    min-height: 30rem;
}

.baseline .cde-wide-text.has-bgcolor, 
.baseline .cde-shared-content-elm.has-bgcolor, 
.baseline .cde-two-cols.has-bgcolor, 
.baseline .cde-three-cols.has-bgcolor {
    padding-top: 0;
    padding-bottom: 0;
}

@media (max-width: 720px ) {

    .cde-wide-text .inner,
    .cde-two-cols .inner,
    .cde-three-cols .inner {
        padding: 0 2rem;
    }

    .cde-wide-text.has-bgcolor .inner,
    .cde-wide-text.has-bgimage .inner,
    .cde-two-cols.has-bgcolor .inner,
    .cde-two-cols.has-bgimage .inner,
    .cde-three-cols.has-bgcolor .inner,
    .cde-three-cols.has-bgimage .inner,
    .cde-two-cols.geog .inner {
        padding: 2rem;
    }

}

.baseline .has-bgimage {
    background-color: #91847C;
    background-blend-mode: multiply;
}

.baseline footer {
    background-image: url('globe-overlay.svg');
    background-size: 24rem;
    background-repeat: no-repeat;
    background-position: 70% 150%;
}

.home h1 {
    max-width: 20rem;
}

.flex-elm.focus-bottom {
    background-position: center 70%;
}

.ucase-right.cde-two-cols .inner {
    height: 100%;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.ucase-right.cde-two-cols .left-col {
    max-width: 80%;
}

.ucase-right.cde-two-cols .left-col p {
    opacity: 0.5;
}

.ucase-right.cde-two-cols .right-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.ucase-right.cde-two-cols .right-col .line,
.ucase-right.cde-wide-text .inner .line {
    padding-left: 3rem;
    border-left: 0.4rem solid rgba(255, 255, 255, 0.5);    
}

.col-white.ucase-right.cde-two-cols .right-col .line {
    border-left-color: rgba(0,0,0,0.2);
}

.ucase-right.cde-wide-text .inner .line {
    margin-top: 5rem;
}

.ucase-right.cde-wide-text .inner .line h3 {
    font-size: 4rem;
    font-family:'Helvetica Neue LT W05_65 Medium';
    margin-bottom: 0;
}

.ucase-right.cde-two-cols .right-col p {
    font-size: 2rem;
 
    margin-bottom: 0.5rem;
    font-family:'Helvetica Neue LT W05_65 Medium';
}

.home.ucase-right.cde-two-cols .right-col p {
    text-transform: uppercase;
}

@media ( max-width: 720px ) {

    .home .cde-wide-text .inner .line h3 {
        font-size: 3rem;     
    }

}

.testi h2 {
    text-transform: uppercase;
}

.geog {    
    background-image: url('geographic.jpg');     
    color: #fff;
    position: relative;
}

/* Tesimonials */

.baseline .tss_testimonial_slider .owl-theme .owl-dots .owl-dot.active span, 
.baseline .tss_testimonial_slider .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #000;
}

.tss_item {
	width: 70%;
    margin-left: 15%;
    padding-top: 3rem;
    position: relative;
}

.owl-controls {
	text-align: center;
}

.baseline .owl-carousel .owl-stage {
	display: flex;
	align-items: center;
}

.baseline .tss_testimonial_slider .owl-theme .owl-controls .owl-nav [class*=owl-]:before {
    font-size: 44px !important;
    color: #FFF;
}

.tss_item strong {  
    margin-top: 5rem;
	font-weight: normal;
	display: block;
    text-align: center;    
    color: #FFF;
    font-family:'Helvetica Neue LT W05_67 Md Cn';    
    text-transform: uppercase;
    font-size: 2rem;
}

.tss_item strong span {
    display: block;
    font-size: 1.6rem;
    font-family:'Helvetica Neue LT W05_57 Cond';
}    

.cde-wide-text.first h1[style*="center"]:after {
    margin-top: 2rem;   
}

.tss_testimonial_slider {
    padding: 3rem 0;
}

.tss_item_in {    
    position: relative;
}

.tss_item p:before {
    content: "“";    
    margin-right: 0.5rem;
    font-family:'Helvetica Neue LT W05_67 Md Cn';
    font-size: 4rem;
    line-height: 2rem;
}

.tss_item p:after {
    content: "”";    
    font-size: 4rem;
    margin-left: 0.3rem;
    line-height: 2rem;
}

.cde-flex-content.widget {
    margin-bottom: 5rem;
}

.tss_item p {    
    position: relative;
	text-align: center;
    color: #FFF;
    font-family:'Helvetica Neue LT W05_67 Md Cn';
    font-size: 2.7rem;
    line-height: 1.4;
}

.testi h3:after {
	text-align: center;
	margin-top: 1rem;
	content: "";
	width: 6rem;
	height: 0.3rem;
	background-color: #aaa;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.baseline .has-bgimage.testi {
    padding: 4rem 0 1rem 0;
    background-color: #70635B;
}

@media ( max-width: 720px ) {

    .tss_item {
        width: 90%;
        margin-left: 5%;
    }

    .tss_item p {
        font-size: 1.8rem;
        line-height: 1.3;
    }

    .tss_item p:before,
    .tss_item p:after {
        font-size: 3rem;
    }

}


/* End of Testimonials */


.animation-text-wipe {
    opacity: 0;
    -webkit-mask-image: linear-gradient(to left, #0000 25%, #000 75%);
    -webkit-mask-size: 500%;
}

.animation-text-wipe.animate-in {
    animation-name: text-wipe;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;    
}

.anim-delay-1 { animation-delay: 0.25s; }
.anim-delay-2 { animation-delay: 0.50s; }
.anim-delay-3 { animation-delay: 0.75s; }

/**
 * Safari has issues if you try to animate
 * mask-size, so we set that on the element
 * and only translate the position.
 */
@keyframes text-wipe {
    0% {
        opacity: 1;
        -webkit-mask-position: 100%;
    }

    100% {
        opacity: 1;
        -webkit-mask-position: 0%;
    }
}

.baseline hr {
    opacity: 0.4;
}

.flex-elm p a.button {
    margin-top: 2rem;
}

.flex-elm.col-light-khaki a.button:hover,
.flex-elm.col-light-khaki input[type=submit]:hover  {
    background-color: #000;
    color: #FFF;
}

.baseline .button,
.baseline  a.button,
.baseline  .mobile-nav li.button,
.baseline  button, input[type=reset],
.baseline  input[type=button],
.baseline  input[type=submit],
.baseline  .woocommerce-page.woocommerce #respond input#submit,
.baseline  .woocommerce-page.woocommerce a.button,
.baseline  .woocommerce-page.woocommerce button.button,
.baseline  .woocommerce-page.woocommerce input.button {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-family:'Helvetica Neue LT W05_57 Cond';
    letter-spacing: 0.09rem;
}


.baseline .gform_wrapper label.gfield_label, 
.baseline .gform_wrapper legend.gfield_label {
    font-weight: normal;
    font-family:'Helvetica Neue LT W05_65 Medium';
}

.baseline input[type="email"],
.baseline  input[type="number"],
.baseline  input[type="search"],
.baseline  input[type="text"],
.baseline  input[type="tel"],
.baseline  input[type="url"],
.baseline  input[type="password"],
.baseline  textarea,
.baseline  select {
    background-color: #fff;
    color: #000;
}

.mobile-nav #menu-choices li a {
    font-family:'Helvetica Neue LT W05_57 Cond';
    text-transform: uppercase;
}

.cde-panel {
    background-color: #91847C;
    color: #fff;
    padding: 2rem;
}

.cde-panel p:last-child {
    margin-bottom: 0;
}

.gridzy span {
    font-size: 1.5rem;
}

.gridzy {
    margin: 3rem 0;
}

.baseline .col-white hr {
    opacity: 1;
    background-color: rgba(0,0,0,0.2);
    height: 0.4rem;
}

.intern {
    position: relative;
    background-color: #A99F98;
    padding: 4rem;
    margin: 2rem 4.5rem 2rem 8.5rem;
    display: grid;
    grid-template-columns: 13rem 0.95fr;
    grid-column-gap: 3rem;
}

.intern .headshot {
    position: relative;    
    max-width: 20rem;
    left: -8rem;
    height: auto;    
}

.intern h2 {
    font-size: 3rem;
}

.intern .bio {
    color: #000;
}

.intern .text {
    margin-top: 1rem;
}

@media ( max-width: 720px ) {

    .intern .headshot {
        left: -7rem;
        max-width: 10rem;
    }

    .intern {
        padding: 3rem;
        margin: 2rem 1rem 2rem 4.5rem;
        grid-template-columns: 2rem 0.95fr;
    }

    .intern .bio p {
        font-size: 1.5rem;
    }


}