@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

h1, h2, h3, h4, h5, h6, input, button, select, textarea, body {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 400;
}

strong {font-weight: 700;}


/****************************LESS CSS****************************/
@baseColor : #802919;
@buttonMain : #802919;
@darkColor : #1c1c1c;
@lightColor : #fff;
@pixelfont: 15px;
@line-height-base: 1.5;

/*Helper function*/
.mixin (@a) when (lightness(@a) >= 66%) {
	color: @darkColor;
}
.mixin (@a) when not (lightness(@a) >= 66%) {
	color: @lightColor;
}
::selection {
	background: @baseColor;
}
::-moz-selection {
	background: @baseColor;
}

.complementary(@_a){
	background-color: @_a;
	.mixin(@_a);
}
.btn(@b:@buttonMain){
	border-color: @b;
	.complementary(@b);
	text-shadow: none;
	
	&:hover,.disabled, [disabled]{
		background-color: darken(@b, 4%);
		border-color: darken(@b, 4%);
		.mixin(@b);
	}
	
	&:active, .active, &:focus, .focus{
		background-color: darken(@b, 8%);
		border-color: darken(@b, 8%);
		.mixin(@b);
	}
	
}
.element(@_arg, @font:@_arg) {
	a:hover,
	.sidebar-content .nav.nav-tabs.nav-stacked .parent ul a.selected,
	.sidebar-content .nav li li a:hover,
	div[role="complementary"] div > ul > li:hover{
		color:darken(@font,8%)
	}
	a,
	.nav-tabs > .active > a,
	.nav-tabs > .active > a:hover,
	.nav-tabs > .active > a:focus,
	.nav li a:hover, 
	.nav li a:focus,
	.navbar .nav > li > a:focus, 
	.navbar .nav > li > a:hover,
	.pagination ul > li > a:hover, 
	.pagination ul > li > a:focus, 
	.pagination ul > .active > a, 
	.pagination ul > .active > span,
	nav[role="navigation"] .nav-normal > .active > a,
	nav[role="navigation"] .nav-normal li a:hover,
	nav[role="navigation"] .nav-pills-square > .active > a,
	nav[role="navigation"] .nav-bar > li > a:hover, 
	nav[role="navigation"] .nav-bar > li > a:focus,
	nav[role="navigation"] .nav-bar > .active > a,
	nav[role="navigation"] .nav-bar-top > .active > a,
	nav[role="navigation"] .nav-bar-top > li > a:hover,
	nav[role="navigation"] .nav-bar-underline > .active > a,
	nav[role="navigation"] .nav-underline > .active > a,
	nav[role="navigation"] .nav-underline > li > a:hover,
	nav[role="navigation"] .nav-separator > .active > a,
	nav[role="navigation"] .nav-separator > li > a:hover,
	.sidebar-content .nav a.active,
	div[role="complementary"] div > ul > li:active,
	.sidebar-content .nav li a:hover,
	.sidebar-content .nav li a:focus {
		color: @font;
	}
	
	.nav a:hover .caret {
		border-bottom-color: @font;
		border-top-color: @font;
	}
	.nav-tabs > li > a:hover,
	.nav-tabs > li > a:focus,
	.navbar .nav > .active > a,
	.navbar .nav > .active > a:hover,
	.navbar .nav > .active > a:focus,
	.nav-pills > .active > a, 
	.nav-pills > .active > a:hover, 
	.nav-pills > .active > a:focus,
	.nav-tabs.nav-stacked > .active > a, 
	.nav-tabs.nav-stacked > .active > a:hover, 
	.nav-tabs.nav-stacked > .active > a:focus,
	.nav-list > .active > a, 
	.nav-list > .active > a:hover, 
	.nav-list > .active > a:focus,
	.grid li a:hover img,
	textarea:focus, 
	input[type="text"]:focus, 
	input[type="password"]:focus, 
	input[type="datetime"]:focus, 
	input[type="datetime-local"]:focus, 
	input[type="date"]:focus, 
	input[type="month"]:focus, 
	input[type="time"]:focus, 
	input[type="week"]:focus, 
	input[type="number"]:focus, 
	input[type="email"]:focus, 
	input[type="url"]:focus, 
	input[type="search"]:focus, 
	input[type="tel"]:focus, 
	input[type="color"]:focus, 
	.uneditable-input:focus, 
	.gform_wrapper li.gfield_error input[type="text"]:focus, 
	.gform_wrapper li.gfield_error input[type="url"]:focus, 
	.gform_wrapper li.gfield_error input[type="email"]:focus, 
	.gform_wrapper li.gfield_error input[type="tel"]:focus, 
	.gform_wrapper li.gfield_error input[type="number"]:focus, 
	.gform_wrapper li.gfield_error input[type="password"]:focus, 
	.gform_wrapper li.gfield_error textarea:focus{
		border-color: @_arg;
	}
	.navbar .nav > .active > a,
	.navbar .nav > .active > a:hover,
	.navbar .nav > .active > a:focus,
	.nav-pills > .active > a, 
	.nav-pills > .active > a:hover, 
	.nav-pills > .active > a:focus,
	.nav-tabs.nav-stacked > .active > a, 
	.nav-tabs.nav-stacked > .active > a:hover, 
	.nav-tabs.nav-stacked > .active > a:focus,
	.nav-list > .active > a, 
	.nav-list > .active > a:hover, 
	.nav-list > .active > a:focus,
	.dropdown-menu > li > a:hover, 
	.dropdown-menu > li > a:focus, 
	.dropdown-submenu:hover > a, 
	.dropdown-submenu:focus > a,
	.dropdown-menu > .active > a, 
	.dropdown-menu > .active > a:hover, 
	.dropdown-menu > .active > a:focus,
	.progress .bar,
	.progress-striped .bar,
	.progress-info.progress-striped .bar, .progress-striped .bar-info,
	nav[role="navigation"] .nav-pills-square li a:hover{
		background-color:  @_arg;
	}
	
	.form-control:focus{
		border-color: @_arg;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(red(@_arg),green(@_arg), blue(@_arg), 0.6);
	}
	
	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
		background-color: @_arg;
		border-color: @_arg;
	}
	
}


body, p, .gform_body .gfield input, .gform_body .gfield textarea, .gform_body .gfield select{
	font-size: @pixelfont;
	line-height: @line-height-base;
}
h1{
	font-size: (@pixelfont * 3);
	line-height: 1.41;
}
h2{
	font-size: (@pixelfont * 1.5);
	line-height: 1.41;
}
h3{
	font-size: (@pixelfont * 1.17);
	line-height: 1.41;
}
h4{
	font-size: (@pixelfont * 1);
	line-height: @line-height-base;
}
h5{
	font-size: (@pixelfont * 0.83);
	line-height: @line-height-base;
}
h6{
	font-size: (@pixelfont * 0.75);
	line-height: @line-height-base;
}

/*scrolltotop*/
#topcontrol {
	background-color: rgba(0, 0, 0, 0.1);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	border-radius: 3px;
	color: #FFFFFF;
	height: 48px;
	line-height: 55px;
	margin: 0 15px 15px 0;
	text-align: center;
	width: 48px;
	z-index: 10000;
}
#scrolltotop:before {
	border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF;
	border-image: none;
	border-style: solid;
	border-width: 10px;
	content: "";
	height: 0;
	left: 28%;
	position: absolute;
	top: 17%;
	width: 0;
}

#topcontrol:hover{
	background-color: darken(@baseColor,10%);
}

/*------------------- Flex Function -----------------*/

.flexbox() {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.flex-align-items(@val) {
	-webkit-box-align: @val;
	-webkit-align-items: @val;
	-ms-flex-align: @val;
	align-items: @val;
}

.flex-flow(@val) {
	-webkit-flex-flow: @val;
	-ms-flex-flow: @val;
	flex-flow: @val;
}

/****************************END LESS CSS****************************/

/****************************Overwrite CSS****************************/
.element(@baseColor);

.accent{
	color: @baseColor !important;
}

.accent2{
	color: #282828 !important;
}

.accent3{
	color: #fff !important;
}

.accent4 {
	color: #333333 !important;
}

.btn-primary{
	.btn;
	font-size: 15px;
	font-weight: 700;
	padding: 12px 30px;
	text-transform: uppercase;
	border-radius: 50px;
}

.btn-custom{
	.btn(#fff);
	color: @baseColor;
	&:hover, &:active, &:focus {
		color: #fff !important;
		background-color: darken(@baseColor, 10%);
	}
}

.btn-huge {
    padding: 16px 50px;
}

/*font*/

.font-40 {
	font-size: 40px;
}
.font-36 {
    font-size: 36px;
}
.font-30 {
	font-size: 30px;
}
.font-28 {
    font-size: 28px;
}
.font-26 {
	font-size: 26px;
}
.font-24 {
	font-size: 24px;
}
.font-18 {
	font-size: 18px;
}
.font-15 {
	font-size: 15px;
}
.font-14 {
	font-size: 14px;
}
.font-light {
    font-weight: 400;
}
.font-bold {
    font-weight: 700;
}
.sm-line-height {
	line-height: 1.25;
}
.text-shadow {
	text-shadow: 0px 3px 26px rgba(0, 0, 0, 0.8);
}

/****************************Custom CSS****************************/
.padding-left-0 {
	padding-left: 0;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}
.tribe-bar-views-inner br,
.tribe-bar-filters-inner br{
  display: none;
}

/**************************** Feedzy ****************************/

/**Hide duplicate image in single post **/
.single-post div[itemprop="articleBody"] > p:first-child img[src*="techadvisory.org"],
.single-post div[itemprop="articleBody"] > div:first-child img[src*="techadvisory.org"] {
    display: none;
}
/** Adjust featured image to make it responsive in single post **/
.single-post .well-blog article > figure > img.wp-post-image {
    width: 100%;
    height: 272px;
    object-fit: cover;
    margin: 10px auto;
}
/** Adjust image under post to make it responsive **/
.single-post .well-blog article > div[itemprop="articleBody"] img {
  max-width: 100%;
}

/**************************** Header ****************************/

/* header */

header nav[role="navigation"] .nav {
	margin: 28px 0 0 !important;
	> li > a {
		color: #6d6d6d;
		padding: 10px 2px;
		background-color: transparent;
		&:hover,&:active,&:focus {
			background: transparent;
			color: @buttonMain;
			box-shadow: 0 -3px 0 @buttonMain inset;
			.caret {
				border-bottom-color: @buttonMain;
				border-top-color: @buttonMain;
			}
		}
		.caret {
			border-bottom-color: #6d6d6d;
			border-top-color: #6d6d6d;
		}
	}
	> li.active > a {
			background: transparent;
			color: @buttonMain;
			box-shadow: 0 -3px 0 @buttonMain inset;
		.caret {
			border-bottom-color: @buttonMain;
			border-top-color: @buttonMain;
		}
	}
}

header nav[role="navigation"] .nav > li + li {
    margin-left: 24px;
}


nav[role="navigation"] ul > li .dropdown-menu > li:hover > a,
nav[role="navigation"] ul > li .dropdown-menu > li > a:hover,
nav[role="navigation"] ul > li .dropdown-menu > li > a:focus {
			background: @buttonMain;
			color: #fff;
}

header .dropdown-menu {
    border-radius: 0;
}

header .nav > li {
  margin-bottom: 0;
}

.home .header-shadow {
	box-shadow: 0 0 0;
}
.main-header .top-phone .navbar-search {
    margin-right: 15px;
}

/*Top Nac Icon*/
#header .main-header .top-nav ul li.consult-cta img {
    height: auto;
}

/******************** Protected Page ******************/

form.post-password-form {
    text-align:  center;
    padding-top:  5%;
    padding-bottom:  5%;
}

form.post-password-form input[type="submit"] {
    border-color: #802919;
    background-color: #802919;
    color: #fff;
    text-shadow: none;
    font-size: 15px;
    font-weight: 700;
    padding: 5px 30px;
    text-transform: uppercase;
    border-radius: 4px;
    border-width:  1px;
    border-style:  solid;
}

form.post-password-form input[type="password"] {
	padding: 6px 12px;
	font-size: 14px;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/**************************** Footer ****************************/


.cta-footer {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	.flex-box {
    .flex-align-items(center);
	}
}

.main-footer hr {
    border-color: rgba(255, 255, 255, 0.2);
    margin-bottom: 10px;
}


div div > footer {
	*{
	font-size: 14px;
	}
	a {
		&:hover, &:focus, &:active {
			color: @buttonMain !important;
			opacity: 1 !important;
			text-decoration: none;
		}
	}
}

/**** icon only ****/
.social-ico {
	margin-top: 20px;
	i {
		font-size: 1.2em;
		margin-right: 25px;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		color: #fff;
	}
	a {
		&:hover, &:focus, &:active {
			i {
				color: @baseColor;
			}
		}
	}
}

.bottom-footer *,
.bottom-footer li a {
	font-size: 13px;
}


/***** Banner *****/
.margin-banner {
    margin-bottom: 6%;
    margin-top: 28%;
}


/**** slider ****/

.home .carousel-indicators {
    top: 100%;
    z-index: 999;
    li {
    	background-color: #ffffff;
		border: 1px solid @baseColor;
    	&:hover, &:focus, &:active, &.active {
			background-color: @baseColor;
    	}
    }
}
.hp-partner .carousel .carousel-indicators li {
    height: 9px;
    width: 9px;
}

.fullwidth .container {
    max-width: 100%;
    padding: 0;
}
.fullwidth .row > div {
    padding: 0;
	    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.bg-effect {
	background-color: #7c130c;
	background-image: -webkit-repeating-linear-gradient(left bottom, rgb(72, 4, 1) 0px, rgb(175, 33, 23) 100%);
	background-image: repeating-linear-gradient(to right top, rgb(72, 4, 1) 0px, rgb(175, 33, 23) 100%);
	a {
		display: block;
		position: relative;
		h3 {
			bottom: 20;
			color: #fff;
			left: 25px;
			position: absolute;
			-webkit-transition: 0.3s;
			transition:  0.3s;
		}
		+ p {
			display: none;
		}
	}
	img {
		-webkit-transition: 0.3s;
		transition:  0.3s;
		width: 100%;
	}
	&:hover, &:focus, &:active {
		img {
			opacity: 0.2;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		}
		a h3 {
			bottom: 50px;
			box-shadow: 0 -3px 0 inset;
			padding-bottom: 15px;
		}
	}
}

.hp-about h2.uppercase {
	margin-top: 30px;
}


.well-title {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2017/04/bg_blogheading.jpg") no-repeat scroll 0 0;
    min-height: 334px;
    padding: 20% 15% 0;
}
.hp-blog article + hr {
    display: none;
}
.hp-blog article h3 + p {
    margin-bottom: 10px;
}

.margin-top-15 {
	margin-top: 15px;
}

#cookie-notice .cookie-notice-container a.button {
    border-radius: 0;
    padding: 5px 10px;
    border: 0;
    text-decoration: none;
    min-width: 100px;
    display: inline-block;
    margin-left: 10px;
    font-weight: 300;
    font-size: 14px;
    text-shadow: none;
    &:hover,&:active,&:focus {
        box-shadow: none;
        color: #1e921c;
    }
}
#cookie-notice > .cookie-notice-container a,
#cookie-notice > .cookie-notice-container a.btn {
    border-radius: 0;
    padding: 5px 10px;
    text-decoration: none;
    min-width: 100px;
    display: inline-block;
    margin-left: 10px;
    font-weight: 300;
    font-size: 14px;
}
#cookie-notice #cn-close-notice:before,
#cookie-notice #cn-close-notice::after {
    background-color: #fff;
    transition: .3s background-color;
}
/*-- Hidden GDPR Checkbox --*/
.gform_wrapper .top_label .gdpr-no-label .gfield_label {
    display: none;
}
.gform_body .gdpr-no-label .gfield_consent_description {
    border: none;
    font-size: 12px;
    overflow: visible;
    margin-top: 0;
}
.gform_body .gdpr-no-label .ginput_container_consent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.gform_body .gdpr-no-label .ginput_container_consent > input {
    margin-top: 6px;
    margin-right: 7px;
}

/******************* Media Query *******************/


@media (min-width: 992px) and (max-width: 1199px) {
	nav[role="navigation"] .nav > li > a {
		padding: 10px 6px;
		font-size: 14px;
	}
	header nav[role="navigation"] .nav > li + li {
		margin-left: 10px;
	}
	.font-28, .font-30 {
    font-size: 25px;
	}
		.well-title {
			padding: 20% 7% 0;
	}
		.font-26 {
			font-size: 24px;
	}
		.font-40 {
			font-size: 37px;
	}
}

@media  (max-width: 991px) {
	nav[role="navigation"] select {
		display: block;
	}
	nav[role="navigation"] ul {
		display: none;
	}
	.cta-footer .flex-box {
    display: block;
}

.fullwidth .row > div {
    border: 1px solid #fff;
}
.well-title {
    margin: auto;
    max-width: 540px;
    padding: 13%;
}

}

@media (max-width: 767px) {
	nav[role="navigation"] select {
		margin: 10px 0;
	}
	header .brand img {
		max-width: 158px;
		width: 100%;
	}
	.main-header .row {
		display: block;
	}
	.policy-footer {
		display: table;
		margin: auto;
	}
	.btn {
		font-size: 14px;
		padding: 8px 15px;
	}

	.social-ico a {
		margin: 0 10px;
	}
	.font-40 {
		font-size: 28px;
	}
	.font-28 {
		font-size: 22px;
	}
	.social-ico i {
		margin-right: 0;
	}
	.main-footer hr {
		margin-top: 0;
	}
	
	.font-26 {
		font-size: 20px;
	}
	.font-30 {
		font-size: 20px;
	}
	.fullwidth .container > .row:first-child {
		padding-left: 15px;
		padding-right: 15px;
	}
	.bg-effect a h3 {
		font-size: 18px;
		left: 50%;
		text-align: center;
		transform: translateX(-50%);
	}
	.font-36 {
		font-size: 20px;
	}
	.well-title {
		margin-bottom: 40px;
		padding-top: 100px;
		text-align: center;
	}
	.hp-blog article figure {
		float: none  !important;
		margin: 10px auto  !important;
	}
	.hp-blog article {
		text-align: center;
	}
	.main-footer ul#menu-footer-nav {
		margin-bottom: 25px;
	}
	.padding-left-0 {
		padding-left: 15px;
	}
}