/*
 Theme Name:   Cabana Child
 Theme URI: http://cabanawp.guuhuu.com
 Author: GuuThemes
 Author URI: http://guuthemes.com/
 Description: A Multipurpose HTML5 WordPress Theme.
 Version: 1.5
 License: GNU General Public License
 License URI: https://www.gnu.org/licenses/gpl.html
 Tags: light, responsive-layout, theme-options, translation-ready, photoblogging
 Template: cabana
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */

* {
    box-sizing: border-box;
}

.no-scroll{
	overflow-y: hidden;
}

button{
	outline: none;
}

/*Case study*/

.page-template-template-case-study .content{
	padding-bottom:0 !important;
}

.case-circles{
	max-width: 900px;
	margin:0 auto;
}

.case-unit{
	width:100%;
	max-width: 280px;
	margin:0 auto;
	padding:20px 0;
}

.case-circle{
	width:100%;
	height: 0;
	padding-bottom: 100%;
	background:no-repeat center center;
	background-size: cover;
	border-radius: 50%;
	color:white;
	text-align: center;
}

.case-unit .title{
	padding-top:35%;
	padding-left:15px;
	padding-right:15px;
	font-size:18px;
}

.button-plus{
	border-radius: 50%;
	font-size:20px;
	padding:2px 8px 3px;
	transition:all 0.5s ease;
}

.case-circles .button-plus{
	display: inline-block;
	margin-top:20px;
	border:1px solid white;
	color: white;
}

.case-circles .button-plus:hover{
	background-color: white;
	border:1px solid white;
	color:rgb(0,183,236);
}

.content-unit{
	display: none;
	opacity: 0;
	transition:all 0.5s ease;
	position: fixed;
	z-index:999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color:rgba(0,0,0, 0.5);
	overflow-y: scroll;
}

.content-unit .content-box{
	max-width:600px;
	width: 90%;
	border:3px #333 solid;
	margin-top:5vh;
	margin-bottom:5vh;
	margin-left: auto;
	margin-right: auto;
	background-color:white;
	text-align:center;
	padding:40px 40px 60px;
	position: relative;
}

.button-times{
	width:30px;
	height: 30px;
	border-radius: 50%;
	font-size:1em;
	text-align: center;
}

.button-times i{
	line-height: 15px;
	margin-left:-1px;
}

.content-box .button-times{
	position: absolute;
	right:10px;
	top:10px;
	border-color: #333;
	color: #333;
}

.content-box .button-times:hover{
	background-color:#333;
	color: white;
}

.content-box-content{
	text-align: left;
	margin-bottom:40px;
}

@keyframes fadeIn {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}

.case-content .active-unit{
	display: block;
	opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
	transition:all 0.5s ease;
}

.case-nav{
	padding-right:10px;
}

.case-nav button{
	color: #999;
	text-transform: capitalize;
	border:0;
	font-family: 'Domine', serif;
	padding:0 10px;
}

.case-nav button:hover{
	color:rgb(0,183,236);
}

.case-nav i{
	padding:5px 10px;
	font-size:1.5em;
}

.case-nav .prev-case{
	padding-right:15px;
	border-right:1px solid #999;
}

.case-content .content-box{
	display: none;
	opacity: 0;
	transition:all 0.5s ease;
}

.case-content .active-box{
	display: block;
	opacity: 0;
    animation-name: fadeIn;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
	transition:all 0.5s ease;
}

@media(min-width:768px){

.case-unit{
	width:33.33%;
	float: left;
	padding:20px;
}


}

/*Footer*/

.social-links a{
	font-size:2.5em !important;
}
#footer-global[role="contentinfo"] .social-links li a:hover{
	color:white !important;
}


/*Header - Homepage*/

/*#header-global[role="banner"]{
    position: fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height: 175px !important;
    background-color: white !important;
    box-shadow: 0 0 15px rgba(120,120,120,0.3);
}*/


.home .header-rev-slider{
	margin-top:82px;
}

/*.home .logo h1{
	text-align: center !important;
	margin-top:10px !important;
	margin-bottom:0 !important;;
	padding-bottom:0 !important;
}

.home .main-navigation{
	text-align: center !important;
	margin-top:8px !important;
}

@media (max-width: 767px){
	.homepage-container .logo h1{
		position: static !important;
	}
	.home .main-navigation{
		margin-top: 15px !important;
	}
}*/


/*Header - Other pages*/

.header-top-inner{
	padding:0 !important;
	height: 191px;
}

.header-top-inner .logo{
	margin-top:0 !important;
}

.logo h1{
	text-align:center !important;
	margin:0 !important;
	padding:0 !important;
}

.main-navigation{
	text-align: center !important;
	margin-top:8px !important;
}

.main-navigation > ul > li > a:hover{
	color:#00b7ec !important;
}

.main-navigation > ul > li > a{
	padding-bottom:6px !important;
}


.main-navigation ul > li{
	margin-left:5px !important;
	margin-right:5px !important;
}

#sf{
	border-bottom:1px solid #51499f !important;
}

.sf-menu ul{
	top: 57px !important;
	left:-5px !important;
}

.home .sf-menu ul{
	top: 52px !important;
}

@media (max-width: 767px){
	.main-navigation{
		margin-top:25px !important;
	}
	.content.inner{
		padding-top:70px !important;
	}
	.header-top-inner{
		box-shadow:none !important;
		-webkit-box-shadow:none !important;
		-moz-box-shadow:none !important;
	}
}

.contact .content{
	padding-top:82px;
}