/*
Theme Name: Cafe Farmers Daughter Child Theme
Theme URI: http://hostify.com.au
Description: This is a child theme for the Cafe Farmers Daughter website
Author: Dan @ Hostify
Author URI: http: http://hostify.com.au
Template: innera
Version: 1.0
*/

@import url("../innera/assets/css/style.css");
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);

/*
-------------------------------------------------------------------------------
Background
-------------------------------------------------------------------------------
*/
	
.home-bg {
	background-position     : top left;
    background-repeat       : no-repeat;
    background-attachment   : fixed;
    background-size         : cover;
	height					: 100vh !important;
	-webkit-font-smoothing	: antialiased;
	   -moz-font-smoothing	: antialiased;
	        font-smoothing	: antialiased;
	background-image		: url("/wp-content/themes/farmersdaughter/img/fd-wall.jpg");
}

.portals {
    background				: rgba(255, 255, 255, 0.8);
    margin					: 0 auto;
    position				: absolute;
    left					: 0;
    right					: 0;
    top						: 20%;
	width					: 50%;
}

.cafe-content-bg {
    background-image		: url("/wp-content/themes/farmersdaughter/img/farmers-clipboard-bg.png");
	background-size			: 100% auto;
	overflow				: hidden;
	background-repeat		: no-repeat;
	min-height				: 700px;
}

.vc_col-sm-6 {
	padding					: 0 !important;
}

/*
-------------------------------------------------------------------------------
Logo
-------------------------------------------------------------------------------
*/

.home-logo {
    text-align: center;
    padding: 40px 20%;
    max-width: 720px;
    margin: 0 auto;
}

.cafe-logo {
	text-align: center;
}


/*
-------------------------------------------------------------------------------
Content
-------------------------------------------------------------------------------
*/


.cafe-content-column {
	height					: 100%;
}

.cafe-content-right {
	position				: absolute;
	width 					: 360px;
	height					: 700px;	
	top						: 2%;
	right					: 5%;
    opacity 				: 0.8;
    z-index					: 1;
    padding					: 10px;
    overflow				: hidden;
}

.cafe-content-left {
	position				: absolute;
	width 					: 360px;
	height					: 100%;
	top						: 2%;
	bottom					: 2%;
	left					: 5%;
    opacity 				: 0.8;
    z-index					: 1;
    padding					: 10px;
    overflow				: hidden;
}

.home-left-panel, .home-right-panel  {
    text-align				: center;
    padding					: 40px 20px;
}

.cafe-content {
	padding					: 140px 30px;
}

.cafe-details {
	margin	 				: 30px 0;
}

.contact-social {
    float					: left;
}

p {
    font-size 				: 16px;
    line-height				: 20px;
    margin-bottom			: 6px;
    font-family				: 'Josefin Sans', sans-serif;
    font-weight				: 300;
}    

.bx-controls {
	bottom					: 10px;
}


/*
-------------------------------------------------------------------------------
Media Queries
-------------------------------------------------------------------------------
*/

@media only screen and (max-width: 360px) {
	
.cafe-content-right, .cafe-content-left {
    left					: 0 !important;
    right					: 0 !important;
    height					: 570px;
    max-width				: 320px;
    background-size			: cover;
    top						: 0.5%;
    margin					: 0 auto;
}

.cafe-content-bg {
	min-height				: 100%;
}	
	

.cafe-content {
	padding					: 36% 30px 30px 30px;
}

.cafe-details {
	margin	 				: 30px 0;
}

.page-fullscreen .bx-wrapper .bx-controls {
    bottom					: 76px;
}

p {
    line-height				: 18px;
    font-size				: 14px;
    margin-bottom			: 6px;
} 

.home-logo {
    text-align				: center;
    padding					: 40px 10%;	
}

.bx-viewport, .page-fullscreen .bx-wrapper .bx-viewport .bxslider > li {
	min-height				: 620px !important;
}

}

@media only screen and (min-width: 361px) and (max-width: 767px) {
    /* tablets and desktop */
    
.home-logo {
    text-align				: center;
    padding					: 40px 15%;	
}

.portals {
	    width				: 80%;
	    top					: 10%;
}
	    
.cafe-content-right, .cafe-content-left {
    left					: 0 !important;
    right					: 0 !important;
    height					: 700px;
    max-width				: 100%;
    background-size			: cover;
    top						: 0.5%;
}

.bx-viewport, .page-fullscreen .bx-wrapper .bx-viewport .bxslider > li {
	min-height				: 740px !important;
}

}

@media only screen and (max-width: 767px) {

.portals {
	    width				: 80%;
	    top					: 10%;
}

}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
    /* tablets and desktop */

.home-logo {
	text-align				: center;
    padding					: 40px 18%;
}

.portals {
	    width				: 60%;
}

}



@media (max-device-width: 600px) and (orientation: landscape)  {
    /* portrait phones */
    
.home-bg {
    background-size			: contain;
}

.cafe-content-right, .cafe-content-left {
    left					: 0 !important;
    right					: 0 !important;
    min-height			    : 570px;
    max-width				: 100%;
    background-size			: cover;
    top						: 2%;
}

.bx-viewport, .page-fullscreen .bx-wrapper .bx-viewport .bxslider > li {
	min-height				: 700px !important;
}

p {
    line-height				: 18px;
    font-size				: 16px;
    margin-bottom			: 6px;
} 
   
}

@media (max-device-width: 1280px) and (orientation: landscape)  {
    /* portrait phones */
    
.home-bg {
    background-size			: contain;
}
    
.cafe-content-left, .cafe-content-right { 	
	top: 0;
}      
    
}

/****************************************************************/