/*
	Theme Name: Photography Flora Studios v3
	Theme URI: https://www.flora-studios.de
	Version: 3.0
	Author: Fresh Lime
	Author URI: https://www.freshlime.de
*/

/* @import url("//hello.myfonts.net/count/35907b"); */

@font-face {font-family: 'Yasashii-Bold';src: url('fonts/35907B_0_0.eot');src: url('fonts/35907B_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/35907B_0_0.woff2') format('woff2'),url('fonts/35907B_0_0.woff') format('woff'),url('fonts/35907B_0_0.ttf') format('truetype');}

.alignnone { margin: 5px 20px 20px 0; max-width: 100%; }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

.content-container { padding-top: 150px; }

p { line-height: 2; }
p, li { font-size: 18px; color: #555; }
li { list-style: circle;  line-height: 170%; }
h1, .h1 { text-align: center; text-transform: uppercase; letter-spacing: 10px; font-size: 16px; font-weight: 600; }
p a { font-weight: bold; }
.entry-title { margin-bottom: 70px; line-height: 2; }

.row-no-padding { margin-left: 0; margin-right: 0; }
.row-no-padding > [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }

.btn-cta { width: 230px; height: 48px; background: url("img/button-cta.png") transparent no-repeat; font-size: 16px; color: #444;	line-height: 31px; }
.btn-cta:active, .btn-cta:focus {	color: #444; background: url("img/button-cta.png") transparent no-repeat; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.btn-cta:hover { color: #000; }

.loading { background: red; }

.form-control { height: 45px; font-size: 16px; }

hr.special { background: url("img/separator.png") center center no-repeat; height: 40px; border: 0; padding: 20px 0; }

.wp-image-162 { width: 120px; height: 40px; margin: 40px 0; }

.page-id-30 iframe { width: 800px; height: 450px; margin: 0 auto; display: block; }
.love-letters { padding-bottom: 20px; }
.love-letters img { margin-bottom: 40px; }
.love-letters p { text-align: center; line-height: 170%;  }
.love-letters p span { font-size: 23px; font-weight: bold; }
.love-letters > div { margin-bottom: 70px; }
.love-letters strong { font-size: 23px; font-weight: normal; margin-top: 20px; display: block; font-style: normal; }

.header-container { position: fixed; width: 100%; background: rgba(255, 255, 255, 0.95); z-index: 1; }
.header .slogan { color: #ccc; margin-top: 20px; }
body:not(.home) .header .logo { margin-left: 35px; margin-top: 10px; max-width: 500px; }
body:not(.home) .header .logo a { font-family: "Yasashii-Bold", serif; color: #444; font-size: 77px; font-weight: normal; }
body:not(.home) .header .logo a:hover, body:not(.home) .header .logo a:focus { text-decoration: none; }

.separator-nav { background: url("img/separator-nav.png") no-repeat center top; border: 0; height: 2px; margin-bottom: 40px; }

.home .main-menu { margin-top: 60px; }
.main-menu { background-color: transparent; border: 0; margin-top: 20px; }
.main-menu a { text-transform: uppercase; font-size: 14px; letter-spacing: 2.8px; color: #333 !important; }
.main-menu li { border-top: 1px solid transparent; }
.navbar { margin-bottom: 0; cursor: default; }
.navbar .navbar-nav { display: inline-block; float: none; vertical-align: top; }
.navbar .navbar-collapse { text-align: center; }
.navbar-default .navbar-nav>li { transition: border 0.3s; }
.navbar-default .navbar-nav>li>a { color: #000; }
.current-menu-parent.menu-item-has-children { border-top: 1px solid #ccc; }
.current-menu-item.menu-item-has-children { border-top: 1px solid #ccc; }
.current-menu-parent .current-menu-item { text-shadow: 0px 0px 5px #577747; }
.navbar-nav > li { position: relative; }
.navbar-nav > li > a { padding: 10px 20px; }
.navbar-nav li:hover > .sub-menu { display: block; visibility: visible; }
.home .sub-menu { background: rgba(255, 255, 255, 0.8); }
.sub-menu { position: absolute; display: block; visibility: hidden; top: 40px; background: rgba(228, 228, 228, 0.8); padding: 5px 13px 9px 13px; font-weight: bold; }
#menu-item-19832 .sub-menu { left: -14px; }
#menu-item-19838 .sub-menu { left: 2px; }
#menu-item-19755 .sub-menu { left: -14px; }
.sub-menu li { list-style: none; padding: 5px 10px 0 10px; }
.sub-menu li a { color: #000; text-decoration: none; letter-spacing: 1px; display: block; transition: text-shadow .3s; }
.sub-menu li a:hover { text-shadow: 0px 0px 15px #577747; }

.nav .menu-item-17473 a { font-weight: bold; }

#main-menu:not( .mm-menu ) { display: none; }
.mmenu-toggle { position: fixed; display: block; width: 58px; padding: 14px 15px 10px 15px; z-index: 100; top: 0; }

.navicon-line { width: 24px; height: 4px; border-radius: 1px; margin-bottom: 3px; background-color: #ceddc6; }

.royalSlider { width: 100%; height: 527px; margin-bottom: 20px; overflow: hidden; }
.royalSlider > .rsContent { display: none; }
.products .royalSlider { height: 540px; }
.rsDefaultInv .rsArrow { z-index: 1000; }

#portfolio-carousel { width: 100%; height: 479px; }

.home h1 { letter-spacing: 5px; }
.home h1 a { font-family: "Yasashii-Bold", serif; color: #fff; font-size: 107px; font-weight: normal; }
.home h1 a:hover, .home h1 a:focus { text-decoration: none; }
.home .banner-type-1 { margin: 40px 0 60px 0; }
.home .banner-type-1 img { height: 60px; }
.home .banner-type-2 p { font-size: 20px; margin: 70px 0 60px 0; text-transform: uppercase; background: url("img/bg-banner-type-2.png") center center no-repeat; height: 44px; line-height: 40px; color: #767573; }
.home .header { position: absolute; z-index: 100; margin: 0 auto; width: 100%; top: 40%; }
.home .header .logo { margin-bottom: 20px; }
.home .header .menu-item-home { display: none; }
.home .mega-slider { position: relative; }
.home .content-container { padding-top: 0; }
.home .royalSlider .rsSlide, .home .rsDefaultInv, .home .rsDefaultInv .rsOverflow, .home .rsDefaultInv .rsSlide, .home .rsDefaultInv .rsVideoFrameHolder, .home .rsDefaultInv .rsThumbs { background: #444 !important; }
.home .royalSlider img { filter: brightness(50%); }

.home .navbar-default .navbar-nav>li { border-top: 1px solid transparent; }
.home .navbar-default .navbar-nav>li>a { color: #fff !important; font-weight: bold; }
.home .sub-menu li a { color: #fff; }
.home .sub-menu a:hover { color: #000 !important; }
.home .row.info { padding-top: 75px; padding-bottom: 75px; }
.home .row.info .vertical-line { border: 1px solid #eee; border-width: 0 1px 0 0; height: 100px; display: inline-block; }
.home .portfolio-item h2 { margin: 0; }

.link-box a { display: block; border: 1px solid transparent; transition: all 0.3s; }
.link-box a:hover { border-color: #72a379; }
.link-box span { padding: 20px; border: 1px solid #fff; color: #fff; font-size: 30px; position: absolute; }
.link-box .portfolio { margin-bottom: 20px; }
.link-box .about-me a { margin-bottom: 20px; }
.link-box .booking a { height: 227px; }
.link-box img { width: 100%; }
.link-box .blog a { margin-bottom: 20px; }
.link-box .blog img { width: 100%; }
.link-box .contact img { width: 100%; }
.link-box .contact span { top: 30px; left: 50px; color: #eee; }

.post_categories a { padding: 7px 17px 5px 17px; }
.post_categories a:hover { text-decoration: none; color: #fff; background: rgba(87, 119, 71, 0.61); }

.portfolio-item { margin-top: 30px; margin-bottom: 10px; }
.portfolio-item a { color: #999; }
.portfolio-item a:hover { text-decoration: none; }
.portfolio-item:hover > .border { box-shadow: 0 0 5px 1px rgba(135, 135, 135, 0.3); }
.portfolio-item .title { font-size: 16px; margin-top: 0; margin-bottom: 15px; }
.portfolio-item .date { font-size: 12px; margin-bottom: 5px; color: #444; }
.portfolio-item .more { text-transform: uppercase; margin-bottom: 0; }
.portfolio-item:hover > .portfolio-item-overlay { opacity: 0.8; }
.portfolio-item-overlay { display: block; background: rgba(255, 255, 255, 1); position: absolute; top: 0; width: 100%; height: 100%; text-align: center; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; margin-left: -15px; margin-right: -15px; padding: 0 15px 0 15px; }
.portfolio-item-overlay .inner { position: relative; top: 50%; transform: translateY(-50%); padding: 0 15px; color: #444; }
.portfolio-gallery { max-width: 2000px; margin: 0 auto; }

.single .page img.size-full { width: 100%; }
.single .content-container h2 { font-size: 34px; }

.single-portfolio h1 { font-size: 25px; margin-bottom: 10px; }
.single-portfolio h2 { text-align: center; margin-bottom: 80px; }
.single-portfolio main img.lazy { margin-bottom: 20px; }
.single-portfolio .moon { margin: 70px auto; }

.page-id-30 main img, .page-id-751 main img, .page-id-759 main img { padding: 10px; border: 1px solid #ccc; max-width: 100%; height: inherit; }

.blog-item h2 { margin-bottom: 30px; letter-spacing: 2px; }
.blog-item h2 a { color: inherit; }
.blog-item h2 a:hover { text-decoration: none; }
.blog-item { margin-bottom: 150px; }
.blog-item > .inner { display: inline-block; position: relative; }
.blog-item > .inner:hover > .blog-item-overlay { opacity: 1; }
.blog-item-overlay { padding: 0 20px 20px 20px; background: rgba(255, 255, 255, 0.8); background-clip: content-box; text-decoration: none !important; display: block; position: absolute; top: 0; width: 100%; height: 100%; text-align: center; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; }
.blog-item-overlay > .inner { padding: 30px; }
.blog-item-overlay p { color: #000; }
.blog-item-overlay .open-post:before { content: '...'; display: block; font-size: 30px; margin-bottom: 15px; }
	
.downloadcenter-item { margin-bottom: 20px; }
.downloadcenter-item .border { border: 1px solid #ccc; padding: 10px; transition: box-shadow 0.3s; }
.downloadcenter-item a { color: #999; white-space: nowrap; }
.downloadcenter-item a:hover { text-decoration: none; }
.downloadcenter-item:hover > .border { box-shadow: 0 0 5px 1px rgba(135, 135, 135, 0.3); }
.downloadcenter-item .title { font-size: 20px; margin-bottom: 15px; text-align: center; }
.downloadcenter-item .date { font-size: 15px; margin-bottom: 5px; }
.downloadcenter-item .more { text-transform: uppercase; margin-bottom: 0; }
.downloadcenter-item .separator { width: 120px; }

.gallery-item { width: 33.3333%; padding: 15px; }
.gallery-item img { transition: opacity 0.5s; }
.gallery-item:hover img { opacity: 0.8; }

#swipebox-overlay { background: rgba(0, 0, 0, 0.8); }

.instagram-feed { display: flex; flex-wrap: wrap; justify-content: space-between; }
.instagram-item a { color: #999; white-space: nowrap; position: relative; font-weight: normal; }
.instagram-item a:hover { text-decoration: none; }
.instagram-item a span { position: absolute; bottom: 0; left: 0; background: #ceddc6; color: #333; padding: 6px 10px 3px 10px; font-size: 12px; }
.instagram-item:hover > .border { box-shadow: 0 0 5px 1px rgba(135, 135, 135, 0.3); }
.instagram-item img { width: 100%; }

.page-template-page-2columns h3 { font-size: 18px; color: #666; }

.page main img.lazy { margin-bottom: 20px; }

main.products .row { margin: 60px 0; }
main.products p { line-height: 170%; font-size: 18px; }
main.products li { font-size: 18px; }

.highlights-gallery .item {display: inline; width: 280px; overflow: hidden; margin: 0 4px 4px 0; }

.social-icons svg { opacity: 0.3; }
.social-icons a:hover svg { opacity: 0.6; }

.prev-next-posts { z-index: 1000; font-size: 120%; }
.prev-next-posts a { display: block; text-decoration: none; }
.prev-next-posts .nav-box { display: inline-flex; align-items: center; background: #efefef; height: 150px; transition: all 0.3s ease-in-out; position: fixed; top: 50%; transform: translateY(-50%); box-shadow: 0 0 20px 5px rgba(132, 132, 132, 0.25); border: 1px solid #ccc; }
.prev-next-posts .nav-box:hover { box-shadow: 0 0 40px rgba(150, 150, 150, 0.8); }
.prev-next-posts .arrow { padding: 0 10px; }
.prev-next-posts .previous { left: -151px; }
.prev-next-posts .previous:hover { left: 0; }
.prev-next-posts .next { right: -151px; }
.prev-next-posts .next:hover { right: 0; }
.prev-next-posts .nav-box { animation-duration: 1s; animation-delay: 4s; animation-iteration-count: infinite; }

.overlay { position: fixed; top: 0; left: 0; padding-top: 20%; z-index: 10000; display: none; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; text-align: center; cursor: pointer; }
.overlay img { max-width: 100%; width: 800px; box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1); border: 1px solid #999; }
.overlay .overlay-body { width: 500px; max-width: 80%; margin: 0 auto; background: #fff; padding: 10px; border: 1px solid #ccc; box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1); }
.overlay .border { border: 1px solid #577747; padding: 20px; }

.footer-container { margin-top: 20px; border: 1px solid #eee; border-width: 1px 0 0 0; }
.footer-inner { margin: 0 auto; text-align: center; padding: 40px 0 20px 0; max-width: 1170px; }
.footer-inner .social-icons { margin-bottom: 10px; }
.footer-inner .horn { margin-top: 10px; margin-bottom: 30px; }
.footer-inner strong { font-weight: bold; color: #666; margin-bottom: 20px; text-align: center; }
.footer-inner p { font-size: 14px; line-height: 140%; }
.footer-inner .royalSlider { max-width: 600px; max-height: 350px; }

.darkBg{background:#2d0f0f url(images/smashing.jpg) top center;background-repeat:no-repeat;}
.lightBg{background : url(images/snow.jpg) #b1dde0 top center no-repeat;}
.collectonme{margin:120px auto; background: red; width:50%; text-align:center; font-size:1.2em; color:#fff;}
.test-container{position:absolute; top:100px; width:200px; height:200px;border:1px solid black;}

div.wpcf7-response-output { letter-spacing: 0.5px; }

.wp-embedded-content { width: 100%; }
.wp-embed-footer { display: none; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* MEDIA QUERIES */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.instagram-item { padding: 10px; flex-basis: 50%; }
	
	.home .header { top: 30%; }
	.header .slogan { font-size: 20px; }
	.home h1 a { font-size: 31px; }
	body:not(.home) .header .logo { margin: 0; }
	body:not(.home) .header .logo a { font-size: 20px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
}

@media only screen and (max-width : 767px) {
	p { line-height: 1.7; }
	.blog-item { margin-bottom: 80px; }
	.blog-item h2 { font-size: 18px; letter-spacing: 1px; line-height: 1.5; }
	
	.header .slogan { font-size: 15px; }
	.entry-title { line-height: 1.5; margin-bottom: 40px; letter-spacing: 2px; }
	.single-portfolio h1 { letter-spacing: inherit; font-size: 15px; }
	
	.prev-next-posts .nav-box { top: inherit; bottom: 0; height: 90px; transform: inherit; }
	.prev-next-posts .previous { left: 0; }
	.prev-next-posts .next { right: 0; }
	
	.header-container { padding-bottom: 15px; }
	.logo-container { padding-top: 10px; }
	.content-container { padding-top: 100px; }
	
	.portfolio-item:hover > .portfolio-item-overlay { opacity: 0.8; }
	
	.gallery-item { width: 50%; padding: 7px; }
	
	.prev-next-posts .nav-box { background: #fff; border: 1px solid #eee; }
	
	.home .fox img { width: 40%; margin: 0 auto; padding: 20px 0; }
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.home h1 a { font-size: 50px; }
	.header-container { padding-bottom: 15px; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	body:not(.home) .header .logo { max-width: inherit; }
	body:not(.home) .header .logo a { font-size: 25px; }
	.logo-container { padding-top: 13px; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.home .mega-slider { margin-top: 0; }
	
	.header .slogan { font-size: 30px; }
	.home h1 a { font-size: 100px; }
	
	body:not(.home) .header .logo { margin-left: 35px; margin-top: 20px; max-width: 500px; }
	body:not(.home) .header .logo a { font-family: "Yasashii-Bold", serif; color: #444; font-size: 77px; font-weight: normal; }
}

/* Small Devices, Tablets, Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
  body:not(.home) .header .logo { margin-left: 15px; margin-top: 10px; }
	body:not(.home) .header .logo a { font-size: 45px; }	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.instagram-item { padding: 10px; flex-basis: 12%; }
	.single .content-container { width: 1000px; }
}