/*
Theme Name: Sofia's Theme
Description: Child theme of Layers WP 
Author: Peter Hardy-vanDoorn
Version: 0.1
Template: layerswp
*/

@import url("../layerswp/style.css");

.site-logo-link, .logo .custom-logo-link, .mark, .site-logo-link img, .custom-logo-link img, .mark img {
	height: 42px;
	display: inline;
	max-height: 42px;
	margin-right: 10px;
}

.site-logo-link + .site-description, .custom-logo-link + .site-description {
	margin-left: 0; 
}

.not-invert .invert .section-title .excerpt, .not-invert .invert.section-title .excerpt, .not-invert .invert blockquote {
	color: rgba(0,0,0,.55);
	padding: 0 40px;
	font-style: italic;
}

.swiper-container .pages {
	bottom: 10px !important;
	opacity: 1;
}

.swiper-container .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch, .swiper-container .swiper-pagination-switch:hover{
	border-color: rgb( 51,215,205 );
}

.testimonials .swiper-slide .copy-container .excerpt:before,
.testimonials .swiper-slide .copy-container .excerpt:after {
	quotes:'“' '”';
	left: 0;
	display: block;
	color: rgb( 51,215,205 );
	font-size: 80px;
	position: relative;
	width: 100%;
	font-family: serif;
}

.testimonials .swiper-slide .copy-container .excerpt:before {
	content: open-quote;
	top: 50px;
	text-align: left;
}

.testimonials .swiper-slide .copy-container .excerpt:after {
	content: close-quote;
	top: -20px;
	text-align: right;
}

.zaha-hadid .invert .section-title .heading, .zaha-hadid .invert.section-title .heading { 
	color: rgb( 51,215,205 ); 
	margin-bottom: 10px; 
}

span.animate-me { 
	animation-delay: 0s; 
	animation-duration: 3s; 
	transition-delay: 0s; 
	transition-duration: 3s; 
	display: inline-block;
	position: relative;
	opacity: 0;
}

span.animate-me.delay-1 { 
	animation-delay:  1s; 
	transition-delay: 1s; 
}

span.animate-me.delay-2 { 
	animation-delay:  2s; 
	transition-delay: 2s; 
}

span.animate-me.delay-3 { 
	animation-delay:  3s; 
	transition-delay: 3s; 
}

span.animated { 
	opacity: 1; 
}

.zaha-hadid .invert .section-title .excerpt, .zaha-hadid .invert.section-title .excerpt { 
	color: rgba( 0,0,0,.85 ); 
}

.zaha-hadid .container {
	padding: 0 20px;
}

.sub-head { font-weight: 600; font-style: italic; color: rgb( 51,215,205 ); font-size: 1.5rem; }

.section-title .heading + .excerpt,
.media.medium .heading + .excerpt {
	margin-top: 0;
}

.section-title {
	margin-bottom: 10px;
}

body .widget:not(.swiper-container) { background-color: rgb(245,243,243); }

body .widget:not(.swiper-container):nth-of-type(even) { background-color: white; }

body.home .widget:not(.swiper-container) { background-color: white; }

body.home .widget:not(.swiper-container):nth-of-type(even) { background-color: rgb(245,243,243); }

.portfolio-container .layers-masonry-column:not(:last-child) { padding: 44px 0; }

.portfolio-container .layers-masonry-column + .layers-masonry-column {
	border-top: 1px solid rgba(0, 0, 0, 0.55);
	padding-top: 64px;
}

body.single-sofiak_portfolio .wrapper-site { background-color: rgb(245,243,243); }

#back-to-top {
	display: block;
	bottom: -20px;
	right: 20px;
	position: fixed;
	opacity: 0;
	cursor: pointer; transition: all .25s ease;
	text-indent: -9999px; 
}

body.show-scrollup #back-to-top { bottom: 20px; opacity: 1; }

@media only screen and (min-width: 481px) {

	.portfolio-container .layers-masonry-column .thumbnail-media { width: 50%; float: left; }

	/*.portfolio-container .layers-masonry-column:nth-of-type(even) .thumbnail-media { float: right; }*/
	
	.portfolio-container .layers-masonry-column .thumbnail-body { padding-top: 0; }

}

@media only screen and (min-width: 768px) { 
	
	body.home .widget:not(.swiper-container) { padding: 64px 0 44px; }

}

@media only screen and (max-width: 768px) { 
	.not-invert .invert .section-title .excerpt, .not-invert .invert.section-title .excerpt, .not-invert .invert blockquote {
		padding: 0 10px;
	}
	
	.site-logo-link, .logo .custom-logo-link, .mark, .site-logo-link img, .custom-logo-link img, .mark img {
		width: 220px; }
	
	.header-site nav {
		margin-top: -10px;
	}

	h3.sitename.sitetitle {
		font-size: 2rem;
	}
	
	p.tagline { 
		font-size: .91rem;
	}
	
	div[class^="layers-widget-column-"] {
		padding: 0;
	}
	
	br.nobreak { display: none; }
	
	.portfolio-container .layers-masonry-column { padding: 22px 0; }

}