/*
Theme Name: SU4A Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of SU4A Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: su4a
*/
@import url("../su4a/style.css");

/* baby blue: #5880ab
   dark blue: #2f2f7e
   red:       #ed1c24
   alt white: #e6e7e8

/* Newmediasoup */
/* Atrament Fonts - Adobe Fonts - Newmediasoup Account */
@import url("https://use.typekit.net/csh5ozb.css");


body {
	font-family: open-sans, sans-serif !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	color:#000000 !important;
	letter-spacing: 1px !important;
}

p a {
	color:#5880ab !important;
}
p a:hover {
    color:#ed1c24 !important;
}

.post_info_date {
	color:#888888 !important;
}

/* paragraph formating */
.wpb_wrapper p { 
	line-height: 1.5em;
	padding-bottom: 15px;
} 

h1 {
	font-family: atrament-web, sans-serif !important;
	font-weight: 600 !important;
	font-size: 38px !important;
	color:#5880ab !important;
	letter-spacing: 1px !important;
}

h2 {
	font-family: atrament-web, sans-serif !important;
	font-weight: 600 !important;
	font-size: 32px !important;
	color:#5880ab !important;
	letter-spacing: 1px !important;
}

h3 {
	font-family: atrament-web, sans-serif !important;
	font-weight: 500 !important;
	font-size: 30px !important;
	letter-spacing: 1px !important;
}

h4 {
	font-family: atrament-web, sans-serif !important;
	font-weight: 500 !important;
	font-size: 28px !important;
	letter-spacing: 1px !important;
}

h5 {
	font-family: atrament-web, sans-serif !important;
	font-weight: 500 !important;
	font-size: 26px !important;
	letter-spacing: 1px !important;
}
h6 {
	font-family: atrament-web, sans-serif !important;
	font-weight: 600 !important;
	font-size: 32px !important;
	color:#ED1C24 !important;
	letter-spacing: 1px !important;
}
.smallHeader {
	font-family: atrament-web, sans-serif !important;
	text-transform: uppercase !important;
	font-weight: 400 !important;
	font-size: 20px !important;
	letter-spacing: 1px !important;
}

.white {
	color:#ffffff !important;
}

::selection {
background: #5880ab !important;
color: #fff !important;
}

.latest_post_two_holder .latest_post_two_text a {
	color:#5880ab !important;
}
.latest_post_two_holder .latest_post_two_text a:hover {
    color:#2f2f7e !important;
}

.content, .content .container, .full_width {
    background-color: #ffffff !important;
}
html {
	/*background-color:rgba(231,231,231,0.25) !important;*/
	background-color: #ffffff !important;
}

/* Logo */

.q_logo a img {
    height: 100px !important;
    width: 188px !important;
}
.q_logo a {
    height: 100px !important;
}

header.centered_logo .logo_wrapper {
    float: none;
    height: 100px !important;
    width: 188px !important;
}

/* Top Menu */
.main_menu {
	font-family: atrament-web, sans-serif !important;
	font-weight: 400 !important;
}

.header_top #searchform {
	font-family: atrament-web, sans-serif !important;
	font-weight: 400 !important;
}
nav.main_menu > ul > li > a {
    top: 53px !important;
}

nav.main_menu>ul>li>a {
    padding: 5px 20px 20px 5px !important;
    color: #2f2f7e !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    letter-spacing: 1px !important;
}

nav.main_menu>ul>li>a :hover {
    color: #5880ab;
}

/* Large Breakpoints */
@media (min-width: 1100px) and (max-width: 1199px) { 
	nav.main_menu>ul>li>a {
		padding: 5px 20px 20px 5px !important;
		color: #2f2f7e !important;
		text-transform: uppercase !important;
		font-weight: 600 !important;
		font-size: 18px !important;
		letter-spacing: 2px !important;
	}
}
@media (min-width: 1200px) and (max-width: 1299px) { 
	nav.main_menu>ul>li>a {
		padding: 5px 20px 20px 5px !important;
		color: #2f2f7e !important;
		text-transform: uppercase !important;
		font-weight: 600 !important;
		font-size: 19px !important;
		letter-spacing: 2px !important;
	}
}
@media (min-width: 1300px) and (max-width: 1499px) { 
	nav.main_menu>ul>li>a {
		padding: 5px 25px 20px 5px !important;
		color: #2f2f7e !important;
		text-transform: uppercase !important;
		font-weight: 600 !important;
		font-size: 20px !important;
		letter-spacing: 2px !important;
	}
}
@media (min-width: 1500px) { 
	nav.main_menu>ul>li>a {
		padding: 5px 30px 20px 5px !important;
		color: #2f2f7e !important;
		text-transform: uppercase !important;
		font-weight: 600 !important;
		font-size: 21px !important;
		letter-spacing: 2px !important;
	}
}

/* Hide Sticky Menu on Scroll */
header.sticky .header_bottom {
    display:none;
}

/* For Video Drop Down Arrow - Right */
.right_position a .menu_icon {
    float: right !important;
    padding-left: 4px !important;
    padding-top: 2px !important;
    margin-right: 0px !important;
	color: #ed1c24 !important;
}

.left_position a .menu_icon {
    padding-left: -10px !important;
    padding-top: 2px !important;
    margin-right: -10px !important;
	margin-left: -10px !important;
	color: #ed1c24 !important;
}
/* Add padding between News and Logo */
#nav-menu-item-45 {
    padding-right: 6px !important;
}
/* Customize Donate Button */
#nav-menu-item-41 a {
	color: #ffffff !important;
    background-color: #ED1C24 !important;
    padding: 3px 6px 3px 6px !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#nav-menu-item-41 a:hover {
	color: #ffffff !important;
    background-color: #5880AB !important;
    padding: 3px 6px 3px 6px !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#nav-menu-item-41 a span:hover {
	color: #ffffff !important;
}


/* Top Header Right */
.header_top {
	overflow:visible !important;
	font-size: 15px !important;
}
.header-right-widget {
	width:100px !important;
}

.header_top .right {
	float: right !important;
    display: flex;
    height: 30px !important;
    width: 200px !important;
}
.header_top .right div, .header_top .right .inner {
	display: flex;
 	width: 200px !important;
}

.header_top .right .inner .header-widget .widget_search .header-right-widget {
 	width: 200px !important;
}
/* Adjust header Right to Right Anchor */
.header_top_bottom_holder .header_top .container .container_inner {
	margin-right: 30px !important;
} 

@media only screen and (min-width: 1000px) {
	header.stick_with_left_right_menu .header_inner_left {
		left: -10px;
	}
}

/* Tagline */
#tagline {
    display: block;
    text-align: center;
    height: 14px;
    position: relative;
    top: -34px;
    font-family: atrament-web, sans-serif !important;
    font-weight: 500 !important;
    font-size: 26px !important;
    letter-spacing: 1px !important;
    color: #5880AB !important;
}

/* Search */
#searchform div input {
	font-size: 16px !important;
}
.header_top #searchform input[type=submit] {
    width: 30px !important;
    height: 30px !important;
    margin: 2px 0 0 !important;
}
.header_top #searchform input[type=text] {
    height: 29px !important;
    font-size: 18px !important;
	color: #2f2f7e !important;
    width: 70px !important;
}

/* Post Meta */
.post_info_author {
	display: none !important;
}
.latest_post_two_holder .latest_post_two_info_inner>* {
	padding: 0 !important;
    font-size: 18px !important;
}
.latest_post_two_holder .latest_post_two_info {
    padding: 0px 0px 10px 0px !important;
}
.separator.small {
    background-color: #5880ab !important;
    height: 2px !important;
    width: 100% !important;
    margin: 4px 400px 12px auto !important;
}

/* Videos */
.icons_holder {
	display: none !important;
}
.portfolio_social_holder {
	display: none !important;
}
.portfolio_container .column1 {
	width:100% !important;
}
.portfolio_container .column2 {
	width:0% !important;
}
.portfolio_detail {
	display: none !important;
}
.button-class {
	float: right !important;
}
.qode-btn.qode-btn-icon .qode-btn-text {
	letter-spacing: 2px !important;
}

.latest_post_two_holder .latest_post_two_text {
    padding: 10px 0px 0px 0px !important;
}
#mc-embedded-subscribe {
	color:#ffffff !important;
	background-color: #2f2f7e !important;
	font-size: 18px !important;
	font-family: atrament-web, sans-serif !important;
	font-weight: 300 !important;
	text-transform: uppercase !important;
}
#mc_embed_signup{background:none; clear:left;
	font-size: 18px !important;
	font-family: atrament-web, sans-serif !important;
	font-weight: 600 !important;
	width:100%;
}

/* Footer */
.footer_top {
    padding: 40px 0 52px !important;
}
.qode_tweet_text {
    list-style: none !important;
    text-align: left !important;
}
.footer_bottom, .footer_bottom span, .footer_bottom p, #lang_sel_footer ul li a, footer #lang_sel > ul > li > a, footer #lang_sel_click > ul > li > a, footer #lang_sel a.lang_sel_sel, footer #lang_sel_click a.lang_sel_sel, footer #lang_sel ul ul a, footer #lang_sel_click ul ul a, footer #lang_sel ul ul a:visited, footer #lang_sel_click ul ul a:visited, footer #lang_sel_list.lang_sel_list_horizontal a, footer #lang_sel_list.lang_sel_list_vertical a, #lang_sel_footer a, .footer_bottom ul li a {
    color: #ffffff;
    font-size: 16px !important;
}
.qode_tweet_text {
    list-style: none !important;
    text-align: left !important;
    padding-top: 14px;
    border-top: 1px dotted #E6E7E8;
}
/* Countdown */

/*
.time_circles > div > h4 {
    display: none !important;
}
.time_circles > div > span {
    display: block;
    width: 100%;
    text-align: center;
    font-family: atrament-web, sans-serif !important;
	font-weight: 600 !important;
    font-size: 600% !important;
    margin-top: 0.4em !important;
    color: #2f2f7e !important;
}
@media (min-width: 768px) and (max-width: 999px) { 
	.time_circles > div > span {
    	margin-top: 0.3em !important;
	}
}
@media (min-width: 1200px) and (max-width: 1449px) { 	
	.time_circles > div > span {
		margin-top: 0.3em !important;
	}
}
*/
.textDiv_Days h4, .textDiv_Hours h4, .textDiv_Minutes h4, .textDiv_Seconds h4 {
    font-family: atrament-web,sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
	margin-top: -0.4em !important;
}

.time_circles > div > span {
    /*display: block;
    width: 100%;*/
    text-align: center;
    font-family: atrament-web, sans-serif !important;
	font-weight: 600 !important;
    font-size: 70px !important;
    margin-top: 0.3em !important;
    color: #2f2f7e !important;
}

@media (min-width: 768px) and (max-width: 999px) { 
	.time_circles > div > span {
    	margin-top: 0.3em !important;
	}
}
@media (min-width: 1200px) and (max-width: 1449px) { 	
	.time_circles > div > span {
		margin-top: 0.3em !important;
	}
}
@media (max-width: 767px) { 
	.textDiv_Days h4, .textDiv_Hours h4, .textDiv_Minutes h4, .textDiv_Seconds h4 {
		font-family: atrament-web,sans-serif !important;
		font-weight: 500 !important;
		font-size: 13px !important;
		letter-spacing: 0px !important;
		margin-top: -0.4em !important;
	}
    .time_circles > div > span {
		margin-top: 0.5em !important;
		text-align: center;
		font-family: atrament-web, sans-serif !important;
		font-weight: 600 !important;
		font-size: 30px !important;
		color: #2f2f7e !important;
	}
}





.qode-banner .qode-banner-content {
    background-color: rgba(255,255,255,0) !important;
}
.qode-banner .qode-banner-content:hover {
    background-color: rgba(0,0,0,0) !important;
}


/* Partner Logos */
.vc_single_image-wrapper img {
	-webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: none;
  filter: grayscale(0%);
  transition: all .5s ease-in-out; 
}
.vc_single_image-wrapper img:hover {
      -webkit-filter: grayscale(30%);
  -moz-filter: grayscale(30%);
  filter: gray;
  filter: grayscale(30%);
  transform: scale(1.1); 
}

.grow { transition: all .5s ease-in-out; }
.grow:hover { transform: scale(1.1); }


.qode-banner { transition: all .3s ease-in-out !important; }
.qode-banner:hover { transform: scale(1.1) !important; }


.portfolio_slides li:hover .image_pixel_hover{
    background-color:transparent;
}
.verticalAlignImage .wpb_wrapper .vc_single_image-wrapper {
	vertical-align: middle !important;
}

/* Footer Menu */
.footer_bottom .menu-bottom-menu-container ul {
    text-align: center !important;
	display: block !important;
}
.footer_bottom .menu-bottom-menu-container ul li {
    text-align: center !important;
	display: block !important;
}
.footer_bottom ul li:last-child {
    margin-right: 0 !important;
}
.footer_bottom ul li {
    margin-right: 0px !important;
}

.portfolio_slides .hover_feature_holder_inner .qbutton:hover, .qbutton.green, .qbutton.white:hover {
    border-color: #5880AB !important;
}

.twitterHolder {
	width:100% !important;
}

@media only screen and (min-width: 768px) and (max-width: 768px){
	.twitterHolder {
    width: 42% !important;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1250px) {
	.twitterHolder {
		width:60% !important;
	}
}
@media only screen and (min-width: 1251px) and (max-width: 1499px) {
	.twitterHolder {
		width:70% !important;
	}
}
@media only screen and (min-width: 1500px){
	.twitterHolder {
		width:80% !important;
	}
}


@media only screen and (max-width: 600px) {
	#pp_full_res .pp_inline, .footer_bottom_columns.three_columns .column1 .footer_bottom, .footer_bottom_columns.three_columns .column1 .footer_bottom ul, .footer_bottom_columns.two_columns_50_50 .column1 .footer_bottom, .footer_bottom_columns.two_columns_50_50 .column1 .footer_bottom ul, .pp_content_container {
    	text-align: left !important;
	}
}
@media (max-width: 640px) {
	#ctf.ctf-width-resp {
    	width: 60%!important;
	}
}
@media (max-width: 640px) {	
	.ls-wp-container {
    	top: 20px !important;
	}
}


/* Video Portfolio */
.projects_holder.v1.hover_text .mix {
    margin-bottom:40px !important;
	margin-right:40px !important;
}
.projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix {
    margin: 5px 5px 5px 5px !important;
}
#ctf p.ctf-tweet-text, #ctf p.ctf-media-link {
    font-size:16px !important;
}
#ctf p.ctf-tweet-text a {
	opacity: .7;
    font-size:14px !important;
}
.ctf-context a {
	opacity: .5;
    font-size:11px !important;
}
.ctf-tweet-text {
	width: 100% !important;
}

.latest_post_two_holder>ul>li {
    margin-bottom: 12px !important;
    padding-bottom: 0px !important;
}
#ctf .ctf-header .ctf-header-follow {
    margin-top: 4px !important;
}
.post_info {
	display: none !important;
}
/* Video Grid Menu */
/* baby blue: #5880ab
   dark blue: #2f2f7e
   red:       #ed1c24
   alt white: #e6e7e8*/
.filter_holder ul li span, .filter_holder ul li span {
    color: #5880ab!important;
}
.filter_holder ul li.active span, .filter_holder ul li:hover span {
    color: #ed1c24!important;
}



/*
** Contact Form 7 basics
**
**/

/* Form width  and border */

.wpcf7 {
  text-align: left;
  width: 90%;
  padding: 20px 25px !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
  background-position: center;
  background-size: cover;
}

/* Input Field widths */

.wpcf7-text,
.wpcf7-textarea {
  width: 100%;
  border: 1px solid #e4e4e4 !important;
  border-radius: 6px !important;
  color: #333 !important;
}

.wpcf7-text {
  height: 50px;
  padding-left: 10px;
}

/* Input Field borders */

/* Input Field Text color */

.wpcf7-text:focus,
.wpcf7-textarea:focus {
  border-color: #8f8f8f !important;
}

/* Label Font */

.wpcf7-form p {
  font-size: 16px;
  font-family: open-sans, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  color: #000 !important;
}

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
    display: block;
    margin: 5px 0 0;
    padding: 15px;
    border: 0;
    border-radius: 0;
    outline: 0;
    resize: none;
    font-size: 16px;
    font-family: open-sans, sans-serif !important;
	font-style: normal !important;
	font-weight: 400 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}

/* Submit button Font */

.wpcf7-submit {
  width: 85%;
  font-size: 15px !important;
  background-color: #1d2731 !important;
  border: 2px solid #fff !important;
  color: #fff !important;
  font-weight: bold !important;
  padding: 20px;
}

/* Submit button Hover */

.wpcf7-submit:hover {
  border-color: transparent !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
  color: #000 !important;
}

/* Response messages - Error & Success */

.wpcf7-response-output {
  margin-bottom: 30px !important;
}

/* Change the width a drop down menu */
.wpcf7 .wpcf7-select {
   width: 100% !important;
  background-color:  #5880ab !important;
  border-radius: 6px !important;
  color: #ffffff !important;
}



.qode-banner:hover .qode-banner-content {
    opacity: .9 !important;
}

/* ========================================================================== */
/* #Customize Slow Zoom hover
   ========================================================================== */

.portfolio_main_holder .item_holder.slow_zoom .text_holder {
  width: 100%;
  font-size: 18px;
  left: 0;
  height: 100%;
  margin: 0;
  top: 0;
  box-sizing: border-box;
  z-index: 5;
  -webkit-transition: opacity 0.8s 0s;
  transition: opacity 0.8s 0s;
  opacity: 0;
  padding: 10%;
  background-color: transparent;
}

.portfolio_main_holder article .item_holder.slow_zoom:hover .text_holder {
  opacity: 1;
}

.portfolio_with_hover_text .portfolio_main_holder article .item_holder.slow_zoom .separator {
  background-color: #fff;
}

.portfolio_main_holder .item_holder.slow_zoom .image_holder img,
.portfolio_main_holder .item_holder.slow_zoom + .image_holder.portfolio_jg_image_link img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  -webkit-transition: all .5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
  transition: all .5s cubic-bezier(0.23, 1, 0.12, 1) 0s;
}

.portfolio_main_holder article .item_holder.slow_zoom:hover .image_holder img,
.portfolio_main_holder article .item_holder.slow_zoom:hover + .image_holder.portfolio_jg_image_link img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all .5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
  transition: all .5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
	/*-webkit-transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
  transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s;*/
}


.portfolio_main_holder .item_holder.slow_zoom .portfolio_shader {
  z-index: 3;
  opacity: 0;
  -webkit-transition: all .5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
  transition: all .5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
}

.portfolio_main_holder article .item_holder.slow_zoom:hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.slow_zoom .portfolio_shader {
  opacity: 1;
}


#submit_comment, .blog_load_more_button a, .drop_down .wide .second ul li .qbutton, .drop_down .wide .second ul li ul li .qbutton, .load_more a, .qbutton {
    background-color: #5880AB;
    border: 2px solid #5880AB;
	color: #ffffff !important;
}
#submit_comment:hover, .blog_load_more_button a:hover, .drop_down .wide .second ul li .qbutton:hover, .drop_down .wide .second ul li ul li .qbutton:hover, .load_more a:hover, .qbutton:hover {
    background-color: #2F2F7E;
    border: 2px solid #2F2F7E;
	color: #ffffff !important;
}

div.wpcf7-response-output {
    color: #2F2F7E !important;
}


/* Accordion */
.qode-title-holder {
    color: #5880AB;
}
.qode-title-holder.ui-state-active, .qode-title-holder.ui-state-hover {
    color: #fff;
    background-color: #5880AB !important;
}

.su4aRed {
	color: #ED1C24 !important;
}
.su4aRed:hover {
	color: #2F2F7E !important;
}
.su4aBlue {
	color: #2F2F7E !important;
}
.su4aBlue:hover {
	color: #ED1C24 !important;
}


/* LayerSlider */
.ls-nav-next, .ls-nav-prev {
    border: 2px solid #5880AB!important;
}
.ls-v6 .ls-nav-prev:after {
    left: 16px !important;
}
.ls-v6 .ls-nav-prev:hover, .ls-v6 .ls-nav-next:hover {
    -o-transform: scaleX(1) scaleY(1) !important;
    -ms-transform: scaleX(1) scaleY(1) !important;
    -moz-transform: scaleX(1) scaleY(1) !important;
    -webkit-transform: scaleX(1) scaleY(1) !important;
    transform: scaleX(1) scaleY(1) !important;
}
.ls-v6 .ls-nav-next:after {
    border-right: 3px solid #5880AB !important;
}
.ls-v6 .ls-nav-prev:after, .ls-v6 .ls-nav-next:after {
    border-top: 3px solid #5880AB !important;
}
.ls-v6 .ls-nav-prev:after {
    border-left: 3px solid #5880AB !important;
}

.ls-nav-next:after, .ls-nav-prev:after {
    color: #2F2F7E !important;
}

.ls-v6 .ls-nav-prev:hover:after {
    border-top-color: #2F2F7E !important;
    border-left-color: #2F2F7E !important;
}
.ls-v6 .ls-nav-next:hover:after {
    border-top-color: #2F2F7E !important;
    border-right-color: #2F2F7E !important;
}