/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

@font-face {
  font-family: 'Helvetica Condensed';
  src: url('fonts/helveticaneue-condensedbold.eot'); /* IE9 Compat Modes */
  src: url('fonts/helveticaneue-condensedbold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /*url('fonts/helveticaneue-condensedbold.woff2') format('woff2'),  Super Modern Browsers */
       url('fonts/helveticaneue-condensedbold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/helveticaneue-condensedbold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/helveticaneue-condensedbold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.callToaction{
	width:100%;
	bottom:0;
	position:relative;
	z-index:22;
	background:rgba(20,8,1,0.7);
	border-top:10px solid #4d3a29;
	padding:50px 0;
	box-shadow: 1.5px 2.598px 24px 0px rgb( 24, 16, 5 );
}
.callToaction a{
	display:block;
	text-align:center;
	color:#fff;
	position:relative;
	height:230px;
}
.callToaction a img{
	width:100%;
}
.callToaction a span.cont{
	position:absolute;
	border:1px solid rgba(255,255,255,0.5);
	top:7px;
	left:7px;
	width:95.5%;
	height:95.5%;
	z-index:2;
	display:table;
}
.callToaction a span.mid{
	display:table-cell;
	vertical-align:middle;
}
.callToaction a span.mid p{
	font-size:18px;
	color:#fff;
}
.callToaction a span.mid h3{
	color:#fff;
	font-size:28px;
}

.carousel-inner h2{
	font-family: 'Helvetica Condensed';
}
#qode-home-slider-3 .qbutton{
	font-size:22px;
	border-radius: 10px;
  	background-image: -moz-linear-gradient( -90deg, rgb(174,11,15) 0%, rgb(133,3,6) 100%);
 	background-image: -webkit-linear-gradient( -90deg, rgb(174,11,15) 0%, rgb(133,3,6) 100%);
  	background-image: -ms-linear-gradient( -90deg, rgb(174,11,15) 0%, rgb(133,3,6) 100%);
	border:0px;
	font-weight:normal;
	line-height:51px;
	height:51px;
}
.topic_cover{
	text-align:center;
	padding-top:10px;
	background:#999;
	height:403px;
	position:relative;
	overflow:hidden;
}
.topic_cover img{
	max-width:inherit;
	display:block;
	margin:auto;
}
.topic_cover .mid{
	position:absolute;
	display:table;
	width:100%;
	height:100%;
	z-index:2;
	top:0px;	
}
.topic_cover h1{
    text-align: center;
	color:#f4f3e2;
	font-family: 'Helvetica Condensed';
	text-transform:uppercase;
	font-size:99px;
	display:table-cell;
	vertical-align:middle;
}

.topic_cover h1 span{
	font-size:28px;
	font-family:'Raleway',sans-serif;
	display:block;
	font-weight:600;
	position:relative;
}
.topic_cover h1 span::before, 
.topic_cover h1 span::after{
	width:40%;
	content:" ";
	border-top:1px solid #e1dcc9;
	border-bottom:1px solid #e1dcc9;
	height:4px;
	text-align:center;
	margin:auto;
	left:30%;
	position:absolute;
	top:105px;
}
.topic_cover h1 span::after{
	top:260px;
}

.article_listing{
	border-top:1px solid #e3dec8;
	border-bottom:1px solid #FFFFFF;
	padding:50px 0 0 0;
	margin-bottom:50px;
}
.article_listing article{
	display:inline-block;
	clear:both;
	padding-bottom:50px;
}
.article_listing a.btn, .search_listing a.btn{
	float:left;
	display:block;
	font-size:10px !important;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#fff;
	background:#6c3f2d;
	padding:4px 15px 2px 15px;
}
.search_listing{
	border:0px;
}
.search_listing article{
	border-bottom:1px solid #e3dec8;
    display: inline-block;
    margin-bottom: 25px;
    padding-bottom: 25px;
	width:100%;
	box-sizing:border-box;
}
.search_listing article p{
	font-size:19px;
	padding:20px 0;
}
.search_listing article:last-child{
	border-bottom:0px;
}

#listing h2, #listing p, #listing a{
	font-size:19px;
	line-height:26px;
	letter-spacing:normal;
}
#listing h1, .top_q h1{
	font-size:47px;
	text-transform:uppercase;
	text-shadow: 0.5px 0.866px 2px rgb( 0, 0, 0 );
	font-weight:600;
	padding-bottom:50px;
}
#listing h2{
	clear:both;
	padding-bottom:25px;
	font-weight:700;
}
#listing p{
	padding-bottom:20px;
}
.top_questions{
	margin-bottom:50px;
}
.top_questions .q_accordion_holder.accordion h5.ui-accordion-header, 
.top_q .q_accordion_holder.accordion h5.ui-accordion-header{
	font-size:19px;
	padding-top:12px;
	color:#4a3a29;
	letter-spacing:normal;
	line-height:normal;
}

.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark{
	background-color: #e3e3e3 !important;
}
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark{
	border: 2px solid #e3e3e3 !important;
}

#listing .sidebar h5{
	text-transform:none;
	font-size:19px;
	font-weight:700;
	color:#6c3f2d;
}
#listing .sidebar a{
	color:#b60b0f;
	line-height:normal !important;
}
#listing .sidebar ul li{
	padding:10px 0 15px 0;
}

.content_block{
	background:#eae8dc;
	font-size:19px;
	padding:50px 0;
	text-align:center;
}
.content_block h2{
	font-size:19px;
	font-weight:700;
	padding-bottom:30px;
}

.shortcuts_links{
	background:#fff;
	padding:30px 0 50px 0;
}
.fl{float:left;}
.fr{float:right;}

.shortcuts_links .col{
	width:48.5%;
}
.shortcuts_links .box_link{
	margin-top:50px;
	display:inline-block;
	width:100%;
}
.shortcuts_links .box_link .desc{
	float:left;
	width:70%;
	text-align:right;	
}
.shortcuts_links .box_link .desc h3{
	font-size:18px;
	color:#af0a10;
	text-transform:none;
	font-weight:800;
	position:relative;
	padding-bottom:20px;
	margin-bottom:20px;	
}
.shortcuts_links .box_link .desc h3 a{
	color:#af0a10;
}

.shortcuts_links .box_link .desc h3::after{
	content:" ";
	width:57px;
	height:1px;
	background:#b8232c;
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
}
.shortcuts_links .box_link .desc p{
	font-size:14px;
	color:#532f18;
	line-height:24px;
	max-height:50px;
	overflow:hidden;
}
.shortcuts_links .box_link img{
	float:right;
}
.shortcuts_links .col.fr .box_link img{
	float:left;
}
.shortcuts_links .col.fr .box_link .desc{
	float:right;
	text-align:left;
}
.shortcuts_links .col.fr .box_link .desc h3::after{
	left:0px;
}
.search_uni{
	background-image:url(images/search_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	/*background-attachment:fixed;*/
	/*background-size:cover;*/
	height:348px;
	text-align:center;
}
.search_uni h1{
	color:#FFF;
	font-size:47px;
	font-weight:600;
	padding:70px 0 25px 0;
}
.search_uni h2{
	color:#FFF;
	font-size:19px;
	font-weight:600;
	padding-bottom:45px;
}
.search_field{
	border-color: rgb( 223, 220, 198 );
  	background-color: rgb( 255, 254, 244 );
	float:left;
	height:45px;
	width:69%;
	margin:0 15.5%;
}
.search_field input[type=text]{
	width: 94%;
    box-sizing: border-box;
    padding: 13px 0 13px 15px;
    margin: 0;
	font-weight:400;
	color:#3c3c3c;
	font-size:13px;
	float:left;
	border:0px;
	outline:none;
    line-height: 19px;	
}
.search_field input[type=submit] {
    width: 45px;
    height: 45px;
    line-height: 37px;
    display: inline-block;
    margin: 0;
    padding: 0 2%;
    outline: 0;
    border: 0;
    text-decoration: none;
    background-color: transparent;
    color: #3c3c3c;
    font-family: 'FontAwesome',sans-serif;
    cursor: pointer;
    white-space: nowrap;
    float: right;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    background: 0;
	float:right;
}
.search_field:hover input[type=submit]{
	color:#b8232c;
}

.browse_top{
	background:#fff url(images/browsetopic_bg.jpg) no-repeat center;
	padding:70px 0;
}
.browse_top h1{
	font-size:47px;
	text-align:center;
	text-transform:uppercase;
	padding-bottom:70px;
}
.browse_top a.col{
	display:block;
	float:left;
	width:25%;
	text-align:center;
}
.browse_top a.col figure{
	float:left;
	width:100%;
	margin:0px;
}
.browse_top a.col img{
	display:block;
	margin:auto;
	border-radius:100%;
}
.browse_top a.col h4{
	color:#2c180a;
	font-size:19px;
	font-weight:600;
	clear:both;
	height:80px;
	padding-top:50px;
	overflow:hidden;
}
.top_q{
	padding:70px 0;
}
.top_q h1{
	text-align:center;
	text-shadow:none;
}
.top_q p{
	font-size:19px;
}

.larg_img{
	margin:30px 0;
}
.larg_img img{
	display:block;
	padding:5px;
	border:1px solid #ccc;
	box-sizing:border-box;
}

@media only screen and (max-width: 1200px){
	.callToaction a{height:198px;}
}

@media only screen and (max-width: 1000px){
	.callToaction a{height:155px;}
	.callToaction a span.mid p{font-size:14px;}
	.callToaction a span.mid h3{font-size:20px;}
	
	.topic_cover{padding-top:0px; height:295px;}
	/*.topic_cover img{max-width:154%;}*/
	.topic_cover h1{font-size:82px}
	.topic_cover h1 span{font-size:23px; margin-top: -50px;}
	.topic_cover h1 span::before, .topic_cover h1 span::after{top:90px; width:57%; left:24%;}
	.topic_cover h1 span::after{top:218px;}
	
	.content_block .container_inner, 
	.shortcuts_links .container_inner, 
	.search_uni .container_inner, 
	.browse_top .container_inner, 
	.top_q .container_inner{width:700px;}
	
	.content_block, .content_block h2{font-size:17px;}
	.content_block h2{padding-bottom:20px;}
	
	.shortcuts_links .box_link{width:43%;}
	.shortcuts_links .box_link img, 
	.shortcuts_links .col.fr .box_link img{float:none; display:block; margin:auto;}
	.shortcuts_links .box_link .desc{width:100%; text-align:center;}
	.shortcuts_links .col.fr .box_link .desc{text-align:center;}
	.shortcuts_links .box_link .desc h3{padding-bottom: 0px; padding-top: 20px;}
	.shortcuts_links .box_link .desc h3::after{content:initial;}
	.shortcuts_links .box_link .desc p{line-height:18px;}
	
	.shortcuts_links .col.fl .box_link{float:right;}
	.shortcuts_links .col.fl .box_link:nth-child(1){margin-right:-19px;}
	
	.search_field{width:100%; margin:0px;}
	.search_field input[type=text]{width:92%;}
	
	.browse_top{background-size: cover; padding:40px 0;}
	.browse_top a.col{width:50%;}
	.browse_top a.col img{width:244px;}
	
	.shopping_cart_header{margin-top:28px !important;}
	
	header .q_logo img.normal{height:auto !important;}
	
}

@media only screen and (max-width: 768px){
	.callToaction a{height:116px;}
	.callToaction a span.cont{width:91.5%;}
	.callToaction a span.mid p{font-size:11px;}
	.callToaction a span.mid h3{font-size:15px;}
}

@media only screen and (max-width: 100px){
	.content_block .container_inner, 
	.shortcuts_links .container_inner, 
	.search_uni .container_inner, 
	.browse_top .container_inner, 
	.top_q .container_inner{width:600px;}	
}

@media only screen and (max-width: 600px){
	.callToaction a{height:278px; margin-bottom:20px;}
	.callToaction a span.cont{width:96.5%;}
	.search_field input[type="text"]{width:85%;}
	
	.content_block .container_inner, 
	.shortcuts_links .container_inner, 
	.search_uni .container_inner, 
	.browse_top .container_inner, 
	.top_q .container_inner{width:450px;}
}

@media only screen and (max-width: 480px){
	.callToaction a{height:194px;}
	.callToaction a span.cont{width:95.5%;}
	
	.topic_cover{padding-top:0px; height:230px;}
	.topic_cover img{max-width:250%; margin-left:-80%}
	.topic_cover h1{font-size:52px; line-height:normal;}
	.topic_cover h1 span{font-size:23px; margin-top:0px;}
	.topic_cover h1 span::before, .topic_cover h1 span::after{top:90px; width:57%; left:24%;}
	.topic_cover h1 span::after{top:218px;}
	
	.content_block h2{font-size:20px;}
	.content_block p{font-size:16px;}
	
	.content_block .container_inner, 
	.shortcuts_links .container_inner, 
	.search_uni .container_inner, 
	.browse_top .container_inner, 
	.top_q .container_inner{width:340px;}
	
	.topic_cover h1 span::before, .topic_cover h1 span::after{content:initial}
	
	.shortcuts_links{padding:10px 0 30px 0;}
	.shortcuts_links .col, .shortcuts_links .box_link{width:100%;}
	.shortcuts_links .box_link{margin-top:10px;}
	.shortcuts_links .box_link img, .shortcuts_links .col.fr .box_link img, .shortcuts_links .box_link .desc p{display:none;}
	.shortcuts_links .box_link .desc h3{margin:0px; padding:0px; background:#ba2027; color:#fff;}
	.shortcuts_links .box_link .desc h3 a{color:#fff; display:block; font-size:20px; padding:14px 0;}
	.shortcuts_links .box_link .desc h3 a:hover{background:#9f1c22;}
	
	.shortcuts_links .col.fl .box_link:nth-child(1){margin-right:0px;}
	
	.search_uni{height:260px;}
	.search_uni h1, .search_uni h2{font-size:20px; text-shadow: 0.5px 0.866px 2px rgb( 0, 0, 0 );}
	.search_uni h1{padding-bottom:0px; padding-top: 55px;}
	.search_field input[type=text]{width:80%;}
	
	.browse_top h1, .top_q h1{font-size:20px; padding-bottom:35px;}
	.browse_top a.col{width:100%;}
	.browse_top a.col h4{padding-top:15px; font-size:16px; height:55px;}
	.browse_top a.col img{width:auto;}
	
	.top_q{padding:35px 0;}
	.top_q .q_accordion_holder.accordion h5.ui-accordion-header, .top_q p{font-size:16px;}
	
}

@media only screen and (max-width: 350px){
	.callToaction a{height:188px;}
	.callToaction a span.cont{width:94.5%;}
	
	.content_block .container_inner, 
	.shortcuts_links .container_inner, 
	.search_uni .container_inner, 
	.browse_top .container_inner, 
	.top_q .container_inner{width:290px;}
	
	.content_block{padding:20px 0;}
	
	.topic_cover{padding-top:0px; height:160px;}
	.topic_cover img{max-width: 208%; margin-left: -53%;}
	.topic_cover h1{font-size:44px;}
	.topic_cover h1 span{font-size:20px;}
	
	.shopping_cart_header{display:none;}
	
}

.shopping_cart_header{position:absolute; right:18px; z-index:111; margin-top:4px;}
.shopping_cart_header a {
    padding: 0 9px 0 0;
    display: inline-block;
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    position: relative;
    background-image: url('images/shopping_cart.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 34px;
    height: 38px;
}

*/

body {
background: #ff0000;
}