/*
Theme Name: CADDRA
Theme URI: http://www.caddra.ca
Author: ZippyHippo
Author URI: http://www.zippyhippo.com
Description: CADDRA Theme
Version: 1.0.0
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: caddra
Domain Path: /languages/
Tags: 
*/

@import 'css/flexvideo.css';
@import 'css/fix-bootstrap.css';

body {
	font-family: 'Open Sans', sans-serif;
	line-height: 160%;
	font-size: 16px;
	padding-bottom: 60px;
}

a, .primary {color: #5574ac;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
a:hover {color: #90be3f;}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}

h1 	{font-size: 6rem;}

input, textarea {
	font-family: 'Open Sans', sans-serif;
	line-height: 160%;
	font-size: 16px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.form-control {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

nav,.nav, .btn {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.btn {
	text-transform: uppercase;
	padding: 1.25rem 3rem;
	border: 0;
	font-size: 2rem;
}

.btn-link {color: #5574ac;}
.btn-link:hover {color: #90be3f;} 

.text-oswald 	{font-family: 'Oswald', sans-serif;}
.text-opensans 	{font-family: 'Open Sans', sans-serif;}
.text-16px 	{font-size: 16px;}
.text-1rem 	{font-size: 1rem;}
.text-4rem 	{font-size: 4rem;}
.text-5rem 	{font-size: 5rem;}
.text-white 	{color: #fff;}
.text-green 	{color: #90be3f;}
.text-red 		{color: #d7431b;}
.text-blue, .text-primary 	{color: #5574ac;}
.text-strong 	{font-weight: 700;}

.btn-success 	{background-color: #90be3f;}
.btn-primary 	{background-color: #5574ac;}

a.btn-success:visited 	{color: #fff;}

.bg-white 	{background-color: #fff;}
.bg-blue-gradient {
	background: rgba(85,115,172,1);
	background: -moz-linear-gradient(45deg, rgba(85,115,172,1) 0%, rgba(85,115,172,1) 70%, rgba(73,148,103,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(85,115,172,1)), color-stop(70%, rgba(85,115,172,1)), color-stop(100%, rgba(73,148,103,1)));
	background: -webkit-linear-gradient(45deg, rgba(85,115,172,1) 0%, rgba(85,115,172,1) 70%, rgba(73,148,103,1) 100%);
	background: -o-linear-gradient(45deg, rgba(85,115,172,1) 0%, rgba(85,115,172,1) 70%, rgba(73,148,103,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(85,115,172,1) 0%, rgba(85,115,172,1) 70%, rgba(73,148,103,1) 100%);
	background: linear-gradient(45deg, rgba(85,115,172,1) 0%, rgba(85,115,172,1) 70%, rgba(73,148,103,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5573ac', endColorstr='#499467', GradientType=1 );
}

.margin-no 			{margin: 0;}
.margin-top-2rem 	{margin-top: 2rem;}
.margin-top-4rem 	{margin-top: 4rem;}
.margin-top--4rem 	{margin-top: -4rem;}
.margin-top-5rem 	{margin-top: 5rem;}
.margin-top-6rem 	{margin-top: 6rem;}
.margin-top--6rem 	{margin-top: -6rem;}

.margin-bottom-2rem 	{margin-bottom: 2rem;}
.margin-bottom-4rem 	{margin-bottom: 4rem;}
.margin-bottom-5rem 	{margin-bottom: 5rem;}
.margin-bottom-6rem 	{margin-bottom: 6rem;}

.alert {font-family: 'Oswald', sans-serif;}

.alert-warning {
	border: none;
	background: #e79829;
}

.inline {
	display: inline-block;
}

#container-mainmenu-wrapper {
	background: rgba(255,255,255,0.60);
}

.menu-item-1651 {
	background: #90be3f;
    border-bottom: #5574ac 3px solid;
    margin-bottom: -3px;
}

.menu-item-1651 a {
	color: #fff !important;
}

.navbar-toggle {
	padding: 3px 8px 4px 8px;
}

.navbar-toggle .fa {
	font-size: 20px;
}

.navbar-default {
	background: none;
	border: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	border-radius: 0px;
	border-top: #5574ac 5px solid;
}

.navbar-brand, .navbar-nav > li > a {
	text-shadow: 0px;
	padding-top: 10px; 
	padding-bottom: 10px; 
}

a.navbar-brand img {height: 30px;}
a.navbar-logo img {height: 36px; margin-top: 20px;}

@media (min-width: 992px) {
	a.navbar-logo img {margin-bottom: 20px;}
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .active > a {
	background: none;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.dropdown-menu {
	margin-top: 0px;
	border: 0;
	font-weight: 300;
	-webkit-border-top-left-radius: 4px !important;
	-webkit-border-top-right-radius: 4px !important;
	-moz-border-radius-topleft: 4px !important;
	-moz-border-radius-topright: 4px !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
}

ul.navbar-primary > li > ul.dropdown-menu:before {
	position: absolute;
	top: -15px;
	right: 50%;
	content: "\f0d8";
	font-family: "FontAwesome";
	color: #fff;
	font-size: 30px;
}

.navbar-action {
	background: #5574ac;
	color: #fff;
	border-bottom: #90be3f 3px solid;
	margin-bottom: -3px;
}

.navbar-default  .navbar-action > li > a,
.navbar-default  .navbar-action > li.active > a {
	color: #fff;
	text-shadow: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent;
}

.navbar-primary {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

@media (min-width: 992px) {
	.navbar-default .navbar-primary > li > a {
		text-transform: uppercase;
		font-size: 24px;
		font-weight: 400;
		padding-top: 25px;
		padding-bottom: 25px;
		color: #5574ac;
		text-shadow: none;
	}
	
	.navbar-default .navbar-primary > li.open > a {
		background: #fff;
	}
	
	.navbar-default .navbar-primary > li > a:hover {color: #90be3f;}
}


@media (max-width: 1190px) {
	.navbar {
		background: #fff;
	}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    } 
}

@media (min-width: 1190px) {
	#menu-fr-top-left > li > a,
	#menu-fr-top-right > li > a {
		padding-left: 5px;
		padding-right: 10px;
	}
	
	#menu-top-left > li:first-child > a,
	#menu-fr-top-left > li:first-child > a {
		padding-left: 0;
	}
	#menu-main-menu > li:last-child > a,
	#menu-fr-main-menu > li:last-child > a {
		padding-right: 0;
	}
}

#menu-top-left .mainmenu-item,
#menu-fr-top-left .mainmenu-item {	display: none; }

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

/* Dropdown sub menu indicator

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

*/

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-primary > li.open > a {
	background: transparent;
}


.navbar-primary.navbar-nav > li > a:focus, 
.navbar-primary.navbar-nav > li > a:hover,
.navbar-primary.navbar-nav > .active > a, 
.navbar-primary.navbar-nav > .active > a:focus, 
.navbar-primary.navbar-nav > .active > a:hover,
.navbar-primary.navbar-nav > .open > a, 
.navbar-primary.navbar-nav > .open > a:hover,
.navbar-primary.navbar-nav > .open > a:focus {
	color: #90be3f !important;
}

.banner {
	background-size: cover; 
	background-attachment: fixed; 
	background-position: top center;  
	width: 100%; 
	z-index: 1; 
	position: relative;
	height: 460px;
}
.banner-home {
	height: 800px;
}

.overlay {
	background-color: rgba(255,255,255,0.50);  
	width: 100%; 
	z-index: 2; 
	position: absolute;
	height: 460px;
	top: 0;
}

.overlay-home {
	height: 800px;
	border-bottom: #5574ac 5px solid;
}


.overlay-text{
	position: absolute;
	bottom: 30%;
	left: 0;
	width: 100%;
	color: #5574ac;
	text-align: center;
}

.overlay-text p {
	font-size: 18px;
	line-height: 150%;
	margin-top: 30px;
}

.overlay-home .overlay-text h1 {
		font-size: 5.5rem;
}

@media (max-width: 1190px) {
	.banner-home {
		height: 600px;
	}
	
	.overlay-home {
		height: 600px;
	}
	
	.overlay-text h1,
	.overlay-home .overlay-text h1 {
		font-size: 4rem;
	}
	
	.overlay-text p {
		font-size: 14px;
	}
}

#banner-alert {
	border-radius: 0;
	font-size: 24px;
	margin-top: 4rem;
	vertical-align: middle;
}

#banner-alert a,
#banner-alert a:hover {
	color: #fff;
	text-decoration: none;
}

.overlay-home .overlay-text #banner-alert dl,
.overlay-home .overlay-text #banner-alert dt,
.overlay-home .overlay-text #banner-alert dd {
	margin: 0;
}

.overlay-home .overlay-text #banner-alert dl:first-child {
	margin-top: 40px;
}

.overlay-home .overlay-text #banner-alert dt {
	margin-right: 15px;
	font-weight: 500;
}

.overlay-home .overlay-text #banner-alert dd {
	text-align: left;
	margin: 0;
	font-weight: 300;
}

@media (min-width: 1190px) {

	#banner-alert {
		background: url(img/bg-banner-alert.png) no-repeat center right;
	}

}

.page-internal {
	padding-top: 60px;
}

.widget-feature {
	margin-top: -90px;
	padding: 60px 20px 40px 20px;
	position: relative;
	z-index: 999;
}

@media (max-width: 1190px) {
	.widget-feature {
		margin-bottom: 120px;
	}
	#black-studio-tinymce-7 {
		margin-bottom: 0px;
	}
}

.widget-feature h2 {
	font-size: 30px;
	margin-bottom: 30px;
	margin-top: 0px;
}

.widget-feature p {
	margin-bottom: 30px;
	margin-top: 0px;
}

#below-content h3 {
	font-weight: 400;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


img.aligncenter {
	display: block;
	margin: 0 auto;
}

/* ancient-browser-alert error */
.ancient-browser-alert {
	background: #a00;
	color: #faa;
	display: block;
	padding: 3px 0;
	text-align: center;
}
.ancient-browser-alert a {
	color: #fff;
	text-decoration: underline;
}



.page-header-top-right {
	margin-top: 10px;
}



.pagination {
	margin: 0;
}



.pagination-center {
	text-align: center;
}
.pagination-row {
	margin-bottom: 20px;
}



.required {
	color: #f00;
}



.row-with-vspace {
	margin-bottom: 20px;
}



.site-main .format-aside {
	background: #f5f5f5;
}
.site-main .format-image {
	background: url('../img/content-post-format-image.png') left top no-repeat;
}
.site-main .format-link {
	background: url('../img/content-post-format-link.png') left top no-repeat;
}
.site-main .format-quote {
	background: url('../img/content-post-format-quote.png') left top no-repeat;
}
.site-main .format-video {
	background: url('../img/content-post-format-video.png') left top no-repeat;
}



.site-title {
	margin-bottom: 0;
	margin-top: 10px;
}
.site-title > a {
	text-decoration: none;
}
.site-title > div {
	height: auto;
	line-height: 18px;
}
.site-title .site-description {
	color: #999;
	font-size: 16px;
}
.site-title .site-title-heading {
	margin: 0;
}



.widget_calendar #wp-calendar {
	margin: 0;
}
.widget_calendar #wp-calendar #next {
	text-align: right;
}

.widget-updates {
	padding: 4rem 0;
	margin: 4rem 0;
	border-top: #b5b5b5 1px solid;
}

.widget-updates h2 {
	margin-bottom: 2rem;
}

.widget-updates a {
	color: #424242;
}

.widget-updates h2 a {
	margin: 0 10px;
}

.widget-updates h3 {
	margin-bottom: 1.5rem;
	line-height: 2.5rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.menu-footer {
	background: #b5b5b5;
	padding: 6rem 0; 
}

#menu-footer ul,
#menu-footer ul li,
#menu-fr-footer ul,
#menu-fr-footer ul li  {
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 3.5rem;
}

#menu-footer > li > a,
#menu-fr-footer > li > a {
	font-size: 2rem;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	color: #424242;
	font-weight: 500;
}

#menu-footer > ul,
#menu-fr-footer > ul {
	margin-bottom: 1rem;
	margin-top: 2rem;
}

#menu-footer ul > li > a,
#menu-fr-footer ul > li > a {
	color: #424242;
	font-weight: 300;
}

#site-footer {

}

.alert-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 60px;
  z-index: 1099;
  display: none;
}

.alert-warning.alert-footer {
	background: #e79829;
	text-align: center;
	color: #fff;
	margin: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
}

.alert-warning.alert-footer .fa-stack {
	position: relative;
	top: -55px;
	margin-bottom: -50px;
}

.alert-warning.alert-footer .textwidget {
	margin-top: -10px;
}

.alert-warning.alert-footer a {
	color: #d7431b;
	font-weight: 500;
}

.fa-stack .fa-bell {
	margin-top: -3px;
}

#pmglogin-2,
#pmglogin-2 strong {
	font-weight: 300;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover
{
  background-color: #5574ac;
  border-color: #5574ac;
}

#disclaimer {
	font-size: 14px;
	line-height: 1.5rem;
}

@media (min-width: 992px) {
	#disclaimer .col-sm-10 {
		padding-right: 0;
		padding-left: 0;
		text-align: justify;
	}
}

#developer {
	font-size: 14px;
}

#developer a,
#legal-wrapper a {
	color: #424242;
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px)  { 
	/* STYLES GO HERE */
	#menu-top-left {
		float: left !important;
	}

	#menu-top-right {
		float: right !important;
	}

	#menu-en-top-right-login {
		float: right !important;
	}

	#menu-languages {
		float: right !important;
	}

	.contactinfo .contactinfofirst, .contactinfo .contactinfosecond {
		float: left;
		margin: 10px 3px;
		width: 45%;
	}
}