/*
Theme Name: Salient Child
Theme URI: yovisto.com
Template: salient
Author: Paul Felgentreff
Description: Child theme for yovisto
Version: 1.1483102914
Updated: 2016-12-30 13:01:54
*/

/* main colour: #0a4669 */


/* Navigation */
header#top nav > ul > li, #nav_menu-2.widget {text-transform: uppercase;}


/* decomment to insert snail style (@TODO: needs to be styled for mobile)
for the menu link in the wordpress backend:
<span id="yo-snail"></span><span id="yo-snail-text">the old yovisto video search</span>

#yo-snail {background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1LjA4IDUuMDEiPjx0aXRsZT5Bc3NldCA4PC90aXRsZT48cGF0aCBkPSJNMiwwQTIuNTQsMi41NCwwLDEsMCw1LjA4LDIuNDcsMiwyLDAsMCwwLDIuOTQuMjEsMS44LDEuOCwwLDAsMCwxLjI1LDIuMDYsMS4yOCwxLjI4LDAsMCwwLDIuNDgsMy4xN2MuNTIsMCwxLjA4LS4zMSwxLjA4LS44NGEuNjMuNjMsMCwwLDAtLjYyLS42OGMtLjIxLDAtLjUxLjIxLS41MS4zOGEuNjQuNjQsMCwwLDAsLjI1LjRjLS4zLDAtLjYzLDAtLjYzLS41OXMuNTQtLjY1LjktLjY1QTEuMTQsMS4xNCwwLDAsMSw0LjA3LDIuNDNjMCwxLTEsMS4zMi0xLjU5LDEuMzJBMS43OCwxLjc4LDAsMCwxLC43OCwyLDIuMjgsMi4yOCwwLDAsMSwxLjkxLjIzcy4xNi0uMS4xNi0uMTZTMiwwLDIsMFoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=");width: 15px;height: 15px;background-repeat: no-repeat;top: 0;left: 0;display: block;}
#yo-snail-text {display: none; color: #0a4669;}
.sf-menu li:hover #yo-snail-text {display: block; position: absolute; background-image: url("img/yovisto-video-search-old.jpg"); width: 365px; height: 122px; top: 100%; right: -50px; padding: 1px 14px;}
.sf-menu li:hover #yo-snail {color: #0a4669; transform: rotate(360deg); transition: transform 0.5s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.75, 0.4, 1);}*/

/* Main Page */

.yo-uppercase h1, .yo-uppercase h2, .yo-uppercase a {text-transform: uppercase;}

.yo-headline {
    text-align: center;
    font-size: 2em;
}

.yo-hero span {text-transform: uppercase;}
.yo-hero h1 span {
    background-color: #0a4669;
    letter-spacing: 0.3rem;
    font-size: 1.2rem;
    box-shadow: 0 0 0 12px #0a4669;
    font-weight: normal;
    line-height: 2.5rem;
}
.yo-hero h3 span {
    background-color: #fff;
    letter-spacing: 0.2rem;
    font-size: 1rem;
    box-shadow: 0 0 0 6px #fff;
    font-weight: normal;
    margin: 0 4px;
}

.yo-hero .owl-carousel .owl-stage {
    transition-duration: 1s!important;
}


/* svg icons on circle */
.yo-icon-round .inner {
    margin: 0 auto;
    padding: 2em;
    border-radius: 100%;
    width: 9em;
    height: 9em;
    /*box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.5);*/
}
@media only screen and (max-width: 470px) { width : 7em;    height : 7em; }
.yo-icon-round .yo-1 .inner {background: #0cccbf;}
.yo-icon-round .yo-2 .inner {background: #ff910a; padding: 2.5em;}
.yo-icon-round .yo-3 .inner {background: #b2330f; padding: 2em 1.5em;}
.yo-icon-round .yo-4 .inner {background: #4b6e8e;}
.yo-icon-round .yo-1 .inner, .yo-icon-round .yo-2 .inner, .yo-icon-round .yo-3 .inner, .yo-icon-round .yo-4 .inner {background-image: url(https://yovisto.com/wordpress-website/wp-content/uploads/2017/01/paper-effect.png);}
@media only screen and (min-width : 1px) and (max-width : 1000px) {
    	.img-with-aniamtion-wrap .inner {
		margin: 0 auto;
	}
}
.yo-icon-round .wpb_text_column {padding-top: 1em; text-align: center;}
body .yo-icon-round h3 {line-height: 1.1em; min-height: 2.2em;}
.row .yo-icon-round .col p:last-child {line-height: 1.5em;}



/* section service pattern background */
.wpb_row.yo-pattern .row-bg {background-size: 20em!important;opacity: 0.3;}
@media only screen and (max-width: 1000px) {
	.nectar-flip-box .flip-box-back .inner ul {padding: .8em .5em .5em 1em;}
	.nectar-flip-box .flip-box-back .inner .divider-wrap {margin-top: 1em;}
}
@media only screen and (max-width: 470px) {
	.nectar-flip-box .flip-box-back .inner {padding: 1em 1.5em;}
    .nectar-flip-box .flip-box-back .inner .nectar-button {padding: 13px 25px!important;}
}



/* section team */
.yo-section-team .nectar_image_with_hotspots p, .yo-section-team .nectar_image_with_hotspots h4 {color: #0d0d0d;}





/* Tech Page */
#products .owl-carousel .owl-stage {
    padding: 0 0 25px 0;
}

.yo-img-shadow img, .yo-img-shadow .owl-carousel .owl-item.active img {
    box-shadow: 1px 1px 3px 0px #0a4669;
}
.yo-img-shadow .owl-carousel .owl-item img {
	box-shadow: none;
}

@media only screen and (max-width: 470px) {
    body div[data-style="minimal"] .toggle h3 a {
        padding: 1em 2em 1em 0;
        font-size: 1.1rem;
    }
    	.tabbed[data-style="minimal"] > ul li a.active-tab:before {
		border: 2px solid #0a4669;
		-webkit-animation: yo-tab 1.5s infinite;
		animation: yo-tab 1.5s infinite;
	}
    	.tabbed[data-style="minimal"] > ul li a:before {
		height: .8em;
		width: .8em;
		content: ' ';
		border: 3px solid #c8c8c8;
		border-left: none;
		border-bottom: none;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		left: -0.8em;
		margin-top: .5em;
		z-index: 1;
		transition: transform 0.3s cubic-bezier(0.12, 0.75, 0.4, 1);
		-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.12, 0.75, 0.4, 1);
	}
	.tabbed .wpb_tab:before {
		height: .5em;
		width: .5em;
		content: ' ';
		border: 2px solid #0a4669;
		border-left: none;
		border-bottom: none;
		transform: rotate(45deg);
		position: absolute;
		left: -1.5em;
		margin-top: .5em;
		z-index: 10;
		-webkit-animation: yo-tab 1.5s infinite;
		animation: yo-tab 1.5s infinite;
		transition: transform 0.3s cubic-bezier(0.12, 0.75, 0.4, 1);
		-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.12, 0.75, 0.4, 1);
	}
	@-webkit-keyframes yo-tab {
		0% {
			-webkit-transform: rotate(45deg) translate(0, 0);
			opacity:.5;
		}
		50% {
			-webkit-transform: rotate(45deg) translate(1px, -1px);
			opacity:1;
		}
		100% {
			-webkit-transform: rotate(45deg) translate(0, 0);
			opacity:.5;
		}
	}
	@keyframes yo-tab {
		0% {
			transform: rotate(45deg) translate(0, 0);
			opacity:.5;
		}
		50% {
			transform: rotate(45deg) translate(1px, -1px);
			opacity:1;
		}
		100% {
			transform: rotate(45deg) translate(0, 0);
			opacity:.5;
		}
	}
}



/* Service Page */
/* List items */
.nectar-icon-list-item {
    margin-bottom: 1.7em;
    padding-left: 4em;
}

.row .nectar-icon-list .nectar-icon-list-item h4, .row .nectar-icon-list .nectar-icon-list-item .content {
    line-height: 1.1em;
    letter-spacing: normal;
}
.row #semantic-toolbox .nectar-icon-list .nectar-icon-list-item .content {line-height: 1.5em;}
.wpb_tab .wpb_text_column *:last-child {letter-spacing: normal;}


.yo-service-list .icon-salient-thin-line:before {
    content: "\e65e";
    font-family: steadysets;
    border: 1px solid gray;
    border-radius: 100%;
    background-color: white;
    font-size: 1rem;
    padding: 0.3rem;
}

.yo-service-list .nectar-fancy-ul ul li:after {
    display: block;
    position: absolute;
    content: ' ';
    z-index: -1;
    width: 1px;
    background-color: rgba(0,0,0,0.1);
    height: 100%;
    top: 2rem;
    left: 0.85rem;
}
.yo-service-list .nectar-fancy-ul ul li:last-child:after {top: 1rem;}
.yo-service-list .nectar-fancy-ul[data-animation="true"] ul li {
	opacity: 0;
	left: -20px;
	margin-bottom: 1.1em;
    padding-left: 4em;
}
.yo-service-list .nectar-fancy-ul ul li:last-child {margin-bottom: 0;}
body .yo-service-list .nectar-fancy-ul h4, body .yo-service-list .nectar-fancy-ul p {
    line-height: 1.1em;
    letter-spacing: normal;
}
.yo-service-list .nectar-fancy-ul h4 {color: black; padding-top: 0.6em;}