/*
Theme Name: Strat Cloud
Theme URI: https://www.strat.cloud
Version: 1.0
Description: A theme for Strat Cloud, based on Beaver Builder.
Author: Yoko Co
Author URI: https://www.yokoco.com
template: bb-theme
*/

/*****************************************************************************/
/***************************** GENERAL DEFAULTS ******************************/ 
/*****************************************************************************/

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

hr {
	border-top: 1px solid #ddd;
}

a {
	text-decoration: none;
}

.invert, .invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6, .invert a, .invert strong {
	color:#fff!important;
}

.invert a {
}

.clear {
	clear: both;
	float: none;
}

p {
	margin-bottom: 20px;
}

/*****************************************************************************/
/******************************* HEADER STUFF ********************************/ 
/*****************************************************************************/

@media only screen and (min-width: 992px) {
.fl-page-header-primary {
	position: relative; 
	z-index: 99; 
	background: rgba(0,0,0,0);
}
}

.fl-page-nav-right .fl-page-header-wrap {
	border-bottom: 0px; 
}

/*****************************************************************************/
/******************************* LAYOUT STUFF ********************************/ 
/*****************************************************************************/

.max-1900 {max-width: 1900px;}
.max-1800 {max-width: 1800px;}
.max-1700 {max-width: 1700px;}
.max-1600 {max-width: 1600px;}
.max-1500 {max-width: 1500px;}
.max-1400 {max-width: 1400px;}
.max-1300 {max-width: 1300px;}
.max-1200 {max-width: 1200px;}
.max-1100 {max-width: 1100px;}
.max-1000 {max-width: 1000px;}
.max-950 {max-width: 950px;}
.max-900 {max-width: 900px;}
.max-850 {max-width: 850px;}
.max-800 {max-width: 800px;}
.max-750 {max-width: 750px;}
.max-700 {max-width: 700px;}
.max-650 {max-width: 650px;}
.max-600 {max-width: 600px;}
.max-550 {max-width: 550px;}
.max-500 {max-width: 500px;}
.max-450 {max-width: 450px;}
.max-400 {max-width: 400px;}
.max-350 {max-width: 350px;}
.max-300 {max-width: 300px;}
.max-250 {max-width: 250px;}
.max-200 {max-width: 200px;}

.centered {
	margin: 0 auto;
}

blockquote p:last-of-type {
	margin-bottom: 0px; 
}

.fl-col.centered {
	float: none; 
}


/*****************************************************************************/
/***************************** FORMS AND BUTTONS *****************************/ 
/*****************************************************************************/

a.fl-button, a.fl-button:visited, .fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited, a.fl-button:hover, .fl-builder-content a.fl-button:hover {
	border: 0px; 
	border-radius: 50px; 
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px; 
}

a.fl-button *, a.fl-button:visited *, .fl-builder-content a.fl-button *, .fl-builder-content a.fl-button:visited * {
	color: #fff; 
}

.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit] {
	background: #084259; 
     display: inline-block;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    padding: 12px 24px;
    text-decoration: none;
    text-shadow: none;
	border: 0px; 
	border-radius: 50px; 
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px; 
	color: #fff!important; 
}

.frm_style_formidable-style.with_frm_style input[type=submit]:hover, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover, .frm_style_formidable-style.with_frm_style .frm_submit button:hover, .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]:hover {
	background: #21a8af; 
     display: inline-block;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    padding: 12px 24px;
    text-decoration: none;
    text-shadow: none;
	border: 0px; 
	border-radius: 50px; 
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px; 
	color: #fff!important; 
}


/*****************************************************************************/
/****************************** MISC ELEMENTS ********************************/ 
/*****************************************************************************/

.widget_recent_entries li {
	border-top: 1px solid #ddd; 
	font-size: 14px; 
	padding-top: 10px; 
}

.fl-post-feed-title {
	font-size: 24px; 
}

.aws-badge img {
	border: 1px solid #ddd; 
	border-top: 5px solid #084259; 
}

#bitnami-banner .bitnami-corner-image-div {
	display: none; 
}

/*****************************************************************************/
/******************************* LANDING PAGE ********************************/ 
/*****************************************************************************/

.sc-logo img {
max-width: 180px!important; 
}

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

@media only screen and (max-width: 1100px) and (min-width: 992px) {
	
}



/****************************** IPAD LANDSCAPE ********************************/ 

@media only screen and (max-width: 1024px) {
	
	.page-header-wrap {background: #21a8af;}
}


/********************************* BB MEDIUM **********************************/ 

@media only screen and (max-width: 1024px) {
	.trans-banner .fl-row-content-wrap {
		margin-top: 0px; 
	}
}

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



/****************************** IPAD PORTRAIT ********************************/ 

@media only screen and (max-width: 769px) and (min-width: 768px) {
	
}



/******************************* SMARTPHONE **********************************/ 

@media only screen and (max-width: 767px) {
	.fl-page-header-primary .fl-logo-img {
		max-width: 80px;
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
		margin-top: 8px; 
	}
	h1 {font-size: 26px;}
	h2 {font-size: 21px;}
	h3 {font-size: 21px;}
	h4,h5,h6 {font-size: 18px;}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
		font-size: 29px; 
		line-height: 26px; 
		margin-top: 6px; 
	}
	.sc-logo img {
		max-width: 100px!important;
	}
}