/*
Theme Name: catalano
Theme URI: 
Author: CGI Communications Inc
Author URI: 
Description: 
Version: 1.0.0
License: 
License URI: LICENSE
Text Domain: catalano
Tags:

catalano is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/* =============================================================
	Expired Page Styles
   ============================================================= */
body.page-template-page_expired {
text-align: center;
    background: #000;
}

body.page-template-page_expired .sticky-header.affix-top, body.page-template-page_expired .top-bar, body.page-template-page_expired .fixed-social {
	display: none;
}

body.page-template-page_expired #page {
	border-top: none;
}

.content-area.expired h1, .content-area.expired p, .content-area.expired a {
	color: #ffffff;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Helpers
--------------------------------------------------------------*/

.greyscale{
  -webkit-filter: grayscale(1);
  filter: grayscale(1);

}

.img-white-out {
  -webkit-filter: grayscale(1) brightness(100);
  filter: grayscale(1) brightness(100);
}

strong{
	font-weight: bold;
}

/*--------------------------------------------------------------
# Primary, Info, ect
--------------------------------------------------------------*/

.btn, button{
	border-radius:5px;
	padding: .75em 3em;
	font-size:.8em;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 3px;
	border:0;
}

.nav-pills button{
	font-weight: unset;
}

.nav-pills > button + button {
    margin-left: 2px;
}

.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-accent{
	border:0;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-tertiary:hover,
.btn-accent:hover{
	-webkit-filter: brightness(.8) saturate(1.8);
	filter:         brightness(.8) saturate(1.8);
}

.btn-primary,.btn-primary:hover,.btn-primary:active,.btn-primary:focus,
.nav-pills > li > a, .nav-pills button { 
	background-color:#AFD0CE; 
	color: #fff;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus,
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover,
.nav-pills > li > a:focus, .nav-pills > li > a:hover,
.nav-pills button.active, .nav-pills button.active:focus, .nav-pills button.active:hover,
.nav-pills button:focus, .nav-pills button:hover{ 
	background-color:#2B7697; 
	color: #fff;
}

.btn-tertiary,.btn-tertiary:hover,.btn-tertiary:active,.btn-tertiary:focus{ 
	background-color:#143d48; 
	color: #fff;
}

.btn-accent, .btn-accent:hover, .btn-accent:active, .btn-accent:focus{ 
	background-color:#94CD88; 
	color: #fff;
}

.btn-hollow{
	border-width:1px;
	border-style:solid;
	border-color:inherit;
	color:#AFD0CE;
}

.btn-link{color: #143d48;}
.btn-link:hover, .btn-link:active, .btn-link:focus{
	color: #2B7697;
}

.btn-hollow:hover{color:#2B7697;}


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body{
	background: #f9fbfb;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	color: #404040;
}

#page{
	overflow:hidden;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
	font-weight: 300;
	text-transform: uppercase;
	text-align: center; 
	letter-spacing: .5px;
}


h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,
.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{
	display:block;
}


img + h1,img + h2,img + h3,img + h4,img + h5,img + h6,img + p,
img + .h1,img + .h2,img + .h3,img + .h4,img + .h5,img + .h6{
	margin-top:1em;
}

a{
	text-decoration: none;
	letter-spacing: .5px;
	color: #143d48;
}

a,button{	
    transition: all 0.35s ease 0s;
}

a:hover{
	text-decoration: none;	
	color:#2B7697; 
}

hr{
	border-top:1px solid #2B7697;
	width: 30%;
	margin-left:auto;
	margin-right:auto; 
}

img{
	max-width:100%;
	height:auto;
}

p{
	line-height: 1.75;
}

p + p,
ol + p
ul + p{
	margin-top:2em;
}

/* sticky footer */
.site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.site-content{
  flex: 1;
}




/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/

.top-bar{
	text-align: center;
	border-top:6px solid #297796;
	color: #143d48;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 12px;
}


.top-bar .row-flex{
	justify-content:space-between;
	align-items: center;
}

.top-bar a{
	font-weight: bolder;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-header{
	background:#fff;
	width: 100%;
	position: relative;
	z-index: 20;
}

.affix {
  top: 0;
  width: 100%;
  z-index: 20;
}

.affix-top {
  width: 100%;
  z-index: 20;
}

.affix-bottom {
  position: relative;
  width: 100%;  
  z-index: 20;
}

.site-header .row-flex{
	justify-content:space-between;
	align-items: center;
}

.site-header h1{
	margin-top: 0;
}

.site-branding{
	padding:15px 0;
	text-align: center;
}


/*--------------------------------------------------------------
# Header > Navbar
--------------------------------------------------------------*/

.navbar{
	margin-bottom: 0;
	text-transform: uppercase;
}

.navbar-default{
	border-radius:0;
	background:none;
	border:0;
}

.navbar-brand{
	max-width: 75%;
	height: auto;
}

.navbar-brand img{
	width:100%;
	max-width: 300px;
	height: auto;
}

.navbar-nav > li > .dropdown-menu {
    display: block;
    position: relative;
    width: 100%;
    background: none;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    border-radius: 0;

	-webkit-box-shadow: none;
	box-shadow:         none;
}

.dropdown-menu > li > a{
	padding: 10px 15px;
	line-height: 20px;
}

.navbar .caret{
	display: none;
}

/*--------------------------------------------------------------
# Social Sidebar
--------------------------------------------------------------*/

.fixed-social{
	background: #fff;
	padding:1px;
	border-radius: 3px;
	z-index: 1000;
	margin: 0 auto;
	text-align: center;
}

.social{
	height:32px;
	width:32px;
	background: #afd1cf;
	color:#fff;
	text-align:center;
	line-height: 32px;
	display: inline-block;
	margin:8px 4px;
	border-radius: 3px;
	font-size: 18px;
}

.social:hover{
	color:#fff;
	-webkit-filter: brightness(.8) saturate(1.8);
	filter:         brightness(.8) saturate(1.8);
}

.brand-500px{background:#0099e5;}
.brand-amazon{background:#ff9900;}
.brand-android{background:#a4c639;}
.brand-bandcamp{background:#629aa9;}
.brand-behance, .brand-behance-square{background:#1769ff;}
.brand-bitbucket, .brand-bitbucket-square{background:#205081;}
.brand-cc-mastercard{background:#cc0000;}
.brand-cc-paypal{background:#003087;}
.brand-cc-stripe{background:#00afe1;}
.brand-cc-visa{background:#1a1f71;}
.brand-codepen{background:#0ebeff;}
.brand-delicious{background:#3399ff;}
.brand-deviantart{background:#05cc47;}
.brand-digg{background:#005be2;}
.brand-dribbble{background:#444444;}
.brand-dropbox{background:#007ee5;}
.brand-drupal{background:#0077c0;}
.brand-etsy{background:#d5641c;}
.brand-facebook, .brand-facebook-f, .brand-facebook-official, .brand-facebook-square{background:#3b5998;}
.brand-firefox{background:#e66000;}
.brand-flickr{background:#0063dc;}
.brand-foursquare{background:#f94877;}
.brand-github, .brand-github-alt, .brand-github-square{background:#4078c0;}
.brand-gitlab{background:#fca326;}
.brand-gittip{background:#663300;}
.brand-google{background:#4285f4;}
.brand-google-plus, .brand-google-plus-circle, .brand-google-plus-official, .brand-google-plus-square{background:#dd4b39;}
.brand-hacker-news{background:#ff6600;}
.brand-houzz{background:#7ac142;}
.brand-imdb{background:#f5de50;}
.brand-instagram{background:#405de6;}
.brand-joomla{background:#f44321;}
.brand-lastfm, .brand-lastfm-square{background:#d51007;}
.brand-linkedin, .brand-linkedin-square{background:#0077b5;}
.brand-medium{background:#00ab6c;}
.brand-meetup{background:#e0393e;}
.brand-odnoklassniki, .brand-odnoklassniki-square{background:#ed812b;}
.brand-opera{background:#cc0f16;}
.brand-paypal{background:#003087;}
.brand-pinterest, .brand-pinterest-p, .brand-pinterest-square{background:#bd081c;}
.brand-product-hunt{background:#da552f;}
.brand-quora{background:#a82400;}
.brand-reddit, .brand-reddit-alien, .brand-reddit-square{background:#ff4500;}
.brand-scribd{background:#1a7bba;}
.brand-skype{background:#00aff0;}
.brand-slack{background:#6ecadc;}
.brand-slideshare{background:#0077b5;}
.brand-snapchat, .brand-snapchat-ghost, .brand-snapchat-square{background:#fffc00;}
.brand-soundcloud{background:#ff8800;}
.brand-spotify{background:#2ebd59;}
.brand-stack-exchange{background:#1e5397;}
.brand-stack-overflow{background:#f48024;}
.brand-steam, .brand-steam-square{background:#00adee;}
.brand-stumbleupon, .brand-stumbleupon-circle{background:#eb4924;}
.brand-telegram{background:#0088cc;}
.brand-trello{background:#0079bf;}
.brand-tripadvisor{background:#589442;}
.brand-tumblr, .brand-tumblr-square{background:#35465c;}
.brand-twitch{background:#6441a5;}
.brand-twitter, .brand-twitter-square{background:#1da1f2;}
.brand-viadeo, .brand-viadeo-square{background:#f07355;}
.brand-vimeo, .brand-vimeo-square{background:#162221;}
.brand-vine{background:#00b488;}
.brand-wechat{background:#7bb32e;}
.brand-whatsapp{background:#075e54;}
.brand-wikipedia-w{background:#000000;}
.brand-windows{background:#00bcf2;}
.brand-wordpress{background:#21759b;}
.brand-xing, .brand-xing-square{background:#026466;}
.brand-yahoo{background:#410093;}
.brand-yelp{background:#af0606;}
.brand-youtube, .brand-youtube-play, .brand-youtube-square{background:#cd201f;}


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

.site-main .container{
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

.banner-front{
	background-color:#f6f6f6;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	width:100%;
	height:475px;
}

.site-main h1{
	font-size: 30px;
	margin: 35px auto;
}

.site-main img{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}


.text-box{
	padding-top:15px;
	padding-bottom:15px;
}

.text-box.primary, .text-box.secondary, .text-box.tertiary ,.text-box.accent{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

.text-box.primary{ background-color:#AFD0CE; color:#fff;}
.text-box.secondary{ background-color:#2B7697; color:#fff;}
.text-box.tertiary{ background-color:#143d48; color:#fff;}
.text-box.accent{ background-color:#94CD88; color:#fff;}

.text-box.secondarybg{ background-color:#fff; }


.text-box.collapse-box{
	padding:30px;
	position: relative;
}

.close-btn{
	position: absolute;
	right:10px;
	top:6px;
	opacity: .25;
	font-size: 1.25em;
	color: #fff;
}

.close-btn:hover,
.close-btn:active,
.close-btn:focus{
	opacity: 1;
	color: #fff;
}

.panel{
	border-width:6px 0 0;
	border-radius:0;

	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

.panel-title {
    font-size: 26px;
}

.panel-heading, .panel-body, .panel-footer{
	padding:30px;
}
.panel-heading{padding-bottom: 0;}
.panel-footer{padding-top: 0;}


.panel-default > .panel-heading,
.panel-primary > .panel-heading,
.panel-success > .panel-heading,
.panel-info > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading,
.panel-secondary > .panel-heading,
.panel-tertiary > .panel-heading,
.panel-accent > .panel-heading{
	color: inherit;
	border:0;
	background: none;
	border-radius: 0;
}

.panel-primary{ border-color:#AFD0CE; }
.panel-secondary{ border-color:#2B7697; }
.panel-tertiary{ border-color:#0A3E48; }
.panel-accent{ border-color:#94CD88; }



.panel-footer{
	border:0;
	background:none;
	text-align:center;
}

.halfscreen-links{
	background-color: #0A3E48;
	background-blend-mode: multiply;
	display: flex;
	background-size: cover;
	background-attachment: fixed;
}


.halfscreen-links a{
	color:#fff;
	text-align: center;
	display: block;
	width:50%;
	padding: 45px;
	letter-spacing: 2px;
	font-size: 1.5em;
}

.carousel.testimonials blockquote{
	width: 80%;
	text-align: center;
	border:0;
	padding:0;
	margin:15px auto 0;
}

.carousel.testimonials .carousel-indicators {
    position: relative;
    bottom: unset;
    left: unset;
    z-index: 15;
    width: 100%;
    padding: 0;
    text-align: center;
    list-style: none;
    margin:10px 0 0;
}

blockquote p{
	margin-bottom: 0;
}

blockquote .small, blockquote footer, blockquote small{
	font-weight: bolder;
	color: inherit;
	font-style: normal;
	font-size: .75em;
}

blockquote .small::before, blockquote footer::before, blockquote small::before {
    content: '\2014 \00A0';
}


blockquote .small::after, blockquote footer::after, blockquote small::after {
	    content: '\00A0 \2014 ';
}

.nav-pills{
    display: flex;
    justify-content: center;
    margin-bottom:2.5em;
}

.nav-pills > li > a,
.nav-pills button{
	border-radius: 0;
	font-size:.8em;
	text-transform: uppercase;
	letter-spacing: 3px;
}

/*--------------------------------------------------------------
# Styling for posts pages
--------------------------------------------------------------*/

.type-post{
	margin: 60px auto 90px;
}

.type-post .entry-title{
	text-transform: none;
	font-weight: 900;
}

.featured-image{
	float:left;
	max-width: 45%;
	height: auto;
	margin: 10px 30px 30px 0;
}

/*--------------------------------------------------------------
# Styling for Posts_in_Page plugin
--------------------------------------------------------------*/


.post-include{
	margin: 15px auto;
}

.post-include .media-heading.entry-title{
	text-align: left;
	margin: 10px auto;
	text-transform: none;
	font-weight: 900;
}

.post-include .entry-summary{
	line-height: 2;
}

.post-include .media-left{
	height:150px;
	width:150px;
	background:#cdcaca;
	position: relative;
}

.post-include .media-left:before{
	content: "\f040";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}


.post-include .media-left img{
	position: relative;
	z-index: 3;

}

.post-include .media,
.post-include .media-body,
.post-include.include-team .entry-summary{
	position: relative;
}

.post-include .media-body:after,
.post-include.include-team .entry-summary:after{

	content: '';
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	height: 75%;

	background: -moz-linear-gradient(top,  rgba(249,251,251,0) 0%, rgba(249,251,251,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(249,251,251,0) 0%, rgba(249,251,251,1) 100%);
	background: linear-gradient(to bottom,  rgba(249,251,251,0) 0%, rgba(249,251,251,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9fbfb', endColorstr='#f9fbfb',GradientType=0 );
}


.post-include.include-team .entry-summary:after,
.post-include.filter .secondarybg .media-body:after{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9fbfb', endColorstr='#f9fbfb',GradientType=0 );
}


.post-include .read-more{
	position: absolute;
	z-index: 5;
	bottom: 0;
	right:0;
	font-weight: 900;
}

.post-include .read-more a:before{
	content: "+";
	margin-right:5px;
}

.post-include .media-left, .post-include .media > .pull-left{
	padding:0;
	margin-right: 30px;
}

.post-include.include-team .entry-title{
	margin-top: 0;
}

.post-include.include-team .thumb img{
	margin-bottom: 15px;
}

.post-include.include-team .read-more,
.post-include.include-featured .read-more{
	position: relative;
	bottom: unset;
	right: unset;
	text-align: center;
}


.post-include.include-featured .read-more{
	text-align: right;
}


.post-include.include-featured .entry-title{
	text-align: left;
	text-transform: none;
	line-height: 1.5;
	font-weight: 900;
}

.post-include .text-box{
	padding: 30px;
}


.post-include  .post-categories{
	color:#c7c9c9;
	position: relative;
	text-transform: uppercase;
}


.post-include  .post-categories:after{
	position: absolute;
	content:"";
	height:1px;
	background: #AFD0CE;
	width:271px;
	left:0;
	bottom:1px;
}


.post-include  .post-categories span + span:before{
	content: "|";
	margin-left: 5px;
	margin-right: 7px;
}

/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/

form{
	margin-top: 4em;
}

form .btn{
	display:block;
	width: 100%;
}

form p{
	margin: 1em auto 2em;
}

.form-control{
	border-radius: 0;
	border:2px solid rgba(0,0,0,.53);
}
.form-group{
	position: relative;
}

.textinput {
  margin: 1em 0;
  position: relative;
  width: 100%;
}

.textinput input,
.textinput label {
  cursor: text;
  transition: all 0.15s ease;
}

input:not([type=submit]):not([type=file]),
textarea {
	border-radius: 0;
}

input:not([type=submit]):not([type=file]):focus,
textarea:focus {	
}

.textinput textarea{
	height: 200px;
}

.textinput label {
  color: #323232;
  padding: 0.2em .5em;
  position: absolute;
  z-index: 2;
  top:0.25em;
  left: 0.5em;
  text-transform: lowercase;

  pointer-events: none;
}

.textinput input.filled ~ label,
.textinput input:focus ~ label,
.textinput textarea.filled ~ label,
.textinput textarea:focus ~ label  {
  font-size: 0.7em;
  color: #333;
  position: absolute;
  top: -1em;
  left:1em;
  font-style: normal;
  background: #fff;
}

.textinput input[type="text"].filled,
.textinput input[type="email"].filled:valid,
.textinput textarea.filled {
}

/*--------------------------------------------------------------
# Below Page
--------------------------------------------------------------*/

.below-page{
	text-align: center;
	padding: 2em;
}

.below-page > div + div{
	padding-top:2.5em;
}



/*--------------------------------------------------------------
# Above Footer
--------------------------------------------------------------*/

.above-footer{
	position: relative;
	color: #fff;
	padding: 100px 0;
}

.above-footer:before{
	content: "";
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 1;

	mix-blend-mode: multiply;
}

.ab-content{
	z-index: 2;
	position: relative;
}

.above-footer h2{
	margin: 0 auto;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer-widgets, .site-footer{
	color: #a7b1b0;
	background: #212627;
	font-size: 13px;
	font-weight: lighter;
}

.footer-widgets a, .site-footer a{
	text-transform: uppercase;
	color: #a7b1b0;
}

.footer-widgets a:hover, .site-footer a:hover, .site-footer .current-menu-item a{
	color: #fff;
}

.site-footer .row-flex,
.footer-widgets .row-flex{
	justify-content: space-between;
}

/*--------------------------------------------------------------
# Footer Widgets
--------------------------------------------------------------*/


.footer-widgets{
	padding: 70px 0 0;
	text-align: center;
}

.footer-widgets h2{
	font-size: 13px;
	font-weight: lighter;
	margin-top: 0;

}

.footer-full-holder{
	margin-top: 40px;
}

.footer-full{
	position: relative;
	text-align: center;
	padding:7px 0;
}

.footer-full:after{
	content:"";
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18404b+0,18404b+50,18404b+100&0+0,1+50,0+100 */
background: -moz-linear-gradient(left,  rgba(24,64,75,0) 0%, rgba(24,64,75,1) 50%, rgba(24,64,75,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(24,64,75,0) 0%,rgba(24,64,75,1) 50%,rgba(24,64,75,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(24,64,75,0) 0%,rgba(24,64,75,1) 50%,rgba(24,64,75,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0018404b', endColorstr='#0018404b',GradientType=1 ); /* IE6-9 */

}

.footer-widgets .row-flex{
	margin-left:-15px;
	margin-right: -15px;
}

.footer-widget{
	flex-grow: 1;
    flex-basis: 0;
    padding: 0 15px;
}


.footer-widget + .footer-widget{
margin-top:30px;
}




/*--------------------------------------------------------------
# Site-Footer
--------------------------------------------------------------*/

.site-footer{
	padding: 30px 0;
	text-align: center;
}

.footer-menu{
	display: none;
}

.footer-menu ul{
	list-style: none;
	margin:0;
	padding:0;
}

.footer-menu li{
	display:inline-block;
}

.footer-menu li + li:before{
	content: "| ";
	margin-left:.25em;
	margin-right: .25em;
}




/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

.navbar-nav > li > a{
	border-top:3px solid transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
	background:none;
	border-top:3px solid #3fa2c9;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
	border-top:3px solid #3fa2c9;
}

.navbar-nav > li > .dropdown-menu{
	border:0;
	border-radius: 0;
	background: #212627;
	text-align: center;
	top: 130%;
	padding:10px 0;
	position: absolute;
	display: none;
	width: auto;

	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow:         0 6px 12px rgba(0,0,0,.175);
}


.navbar .caret{
	display: inline-block;
}

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

.dropdown-menu:after{
	position: absolute;
	top:-16px;
	left:0;
	content:"";
	width:100%;
	height:16px;
	z-index: -1;
}

.dropdown-menu:before{
	position: absolute;
	top:-8px;
	left:50%;
	margin-left:-8px;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #212627 transparent;

}

.dropdown-menu > li > a{
	color: #efefef;
}

.row-flex{
	display: flex;
}

.footer-widgets .row-flex,
.site-footer .row-flex{
	display: block;
}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 


.site-branding{
	padding:0;
}

.site-branding .logo{ max-width:350px;}
.nav-holder{ flex-shrink: 0; }

.fixed-social{
	position: fixed;
	top:20vh;
	left:17px;
}

.social{
	display: block;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.row-eq-height .panel{
	display: flex;
	flex-direction: column;
}

.row-eq-height .panel-body{
	flex-grow: 1;
}

.row-eq-height .panel-heading,
.row-eq-height .panel-body,
.row-eq-height .panel-footer{
	width:100%;
}

.row-eq-height .panel-footer{
	align-self: flex-end;
}

.row-eq-height .panel{
	height: 100%;
}

.footer-widgets{
	text-align: left;
}

.footer-widget + .footer-widget{
margin-top:0;
}

.footer-widgets .row-flex,
.site-footer .row-flex{
	display: flex;
}


.site-info{
	text-align: left;
	order:-1;
}

.footer-menu {
	text-align: right;
	order: 1;
	display: block;
}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}

/* Medium devices (Ipad landscape and down)*/
@media screen and (max-width: 1024px) {
  .banner-front {
    background-attachment: initial;
  }
}