@font-face {
    font-family: 'htowert';
    src: url('./htowert.ttf');
}

#custom_header{
    font-family: "Open Sans", "sans-serif";
    max-width: 1280px;
    padding-right: 0px;
    padding-left: 0px;
}
#logo_wrapper_inner a span {display: none}

#header_offset{
    width: 100%;
    height: 240px;
}

#custom_header #primary_nav{
/*
    float: left;
    width: 100%;
*/
}

#custom_header #primary_nav ul.menu{
    width: 100%;
}

#custom_header #primary_nav ul li{
    min-width: 120px;
    width: 16.66%;
}

#custom_header #primary_nav ul li a:hover{

}

#custom_header #primary_nav ul li#nav-menu-mediakit a{ background-color: #55702d !important; }
#custom_header #primary_nav ul li#nav-menu-conferences a{ background-color: #d49701 !important; }
#custom_header #primary_nav ul li#nav-menu-ar a{ background-color: #194568 !important; }
#custom_header #primary_nav ul li#nav-menu-arcanada a{ background-color: #e4151d !important; }
#custom_header #primary_nav ul li#nav-menu-subprime a{ background-color: #1e5596 !important; }
#custom_header #primary_nav ul li#nav-menu-bhph a{ background-color: #28833e !important; }
#custom_header #primary_nav ul li#nav-menu-autofinjournal a{ background-color: #542358 !important; }

#custom_header #primary_nav ul li#nav-menu-mediakit.open > a,
#custom_header #primary_nav ul li#nav-menu-mediakit a:hover { background-color: #75904d !important; }
#custom_header #primary_nav ul li#nav-menu-conferences.open > a,
#custom_header #primary_nav ul li#nav-menu-conferences a:hover { background-color: #f4b721 !important; }
#custom_header #primary_nav ul li#nav-menu-ar.open > a,
#custom_header #primary_nav ul li#nav-menu-ar a:hover { background-color: #396588 !important; }
#custom_header #primary_nav ul li#nav-menu-arcanada.open > a,
#custom_header #primary_nav ul li#nav-menu-arcanada a:hover { background-color: #f4252d !important; }
#custom_header #primary_nav ul li#nav-menu-subprime.open > a,
#custom_header #primary_nav ul li#nav-menu-subprime a:hover { background-color: #3e75b6 !important; }
#custom_header #primary_nav ul li#nav-menu-bhph.open > a,
#custom_header #primary_nav ul li#nav-menu-bhph a:hover { background-color: #48a35e !important; }
#custom_header #primary_nav ul li#nav-menu-autofinjournal.open > a,
#custom_header #primary_nav ul li#nav-menu-autofinjournal a:hover { background-color: #7c3282 !important; }

#custom_header #primary_nav ul ul.dropdown-menu li {
    background-color: #d49701;
}

#custom_header #primary_nav ul ul.dropdown-menu li a:hover {
    background-color: #f4b721;
}

#custom_header #primary_nav ul li a{
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
}

#custom_header #secondary_nav {
    float: right;
    width: 100%;

}

#custom_header #secondary_nav #search_block_wrapper{
    float: right;
    width: 20%
}

#custom_header #secondary_nav #search_block_wrapper input{
    border: 1px solid #1B4468;
    text-align: center;
    border-radius: 0;
    text-transform: uppercase;
}
#custom_header #secondary_nav #search_block_wrapper button{
    display: none;
}
#custom_header #secondary_nav #search_block_wrapper .search-form .form-group {
    margin-bottom: 0;
}

#custom_header #secondary_nav ul {
    /*
    width: 80%;
       */
    float: right;

}

#custom_header #secondary_nav ul li{
    float: right;
    background-color: #1B4468;
    margin: 0 1px;
}

#custom_header #secondary_nav ul li a {
    color: #ffffff;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px 0;
    text-align: center;
}

#custom_header #secondary_nav ul li a.active {
	background-color: #007B95;
}

#custom_header #secondary_nav ul li a.active-trail {
    background-color: #007b95;
}
#custom_header #secondary_nav ul li a:hover{
    background-color: #007b95;
}

#custom_header #secondary_nav.arcanada ul li{
    background-color: #8a9a9a;
}
#custom_header #secondary_nav.arcanada ul li a:hover{
    background-color: #c73e23;
}
#custom_header #full_width_overlay.arcanada {
    background-color: #8a9a9a;
}

#custom_header #secondary_nav.bhph ul li{
    background-color: #00833f;
}
#custom_header #secondary_nav.bhph ul li a:hover{
    background-color: #00512c;
}
#custom_header #full_width_overlay.bhph {
    background-color: #00833f;
}

#custom_header #secondary_nav.subprime ul li{
    background-color: #005596;
}
#custom_header #secondary_nav.subprime ul li a:hover{
    background-color: #003660;
}
#custom_header #full_width_overlay.subprime {
    background-color: #005596;
}

#custom_header #secondary_nav.autofinjournal ul li{
    background-color: #542358;
}
#custom_header #secondary_nav.autofinjournal ul li a:hover{
    background-color: #7c3282;
}
#custom_header #full_width_overlay.autofinjournal {
    background-color: #542358;
}

#custom_header #secondary_nav ul li.first a:hover {
  background-color: #597e38;
}


#custom_header #header_banner{
    padding: 10px 0;
    background-color: #fff;
}

#custom_header #header_banner #logo_wrapper{
    float: left;
	width: 58%;
}

#custom_header #header_banner #logo_wrapper #logo_wrapper_inner{
    /*width: 410px; */
}
#mobile_header #logo_wrapper_inner a span {
  font-weight: bold;
  color: #000;
}
#mobile_header #logo_wrapper_inner {
  margin-bottom: 20px;
}
#custom_header #header_banner #logo_wrapper #logo_wrapper_inner span {
    float: left;
    font-weight: bold;
    color: #000;
}

#custom_header #header_banner #logo_wrapper #logo_wrapper_inner span:hover{
    text-decoration: none;
}


#custom_header #header_banner #subscription_wrapper{
    float: left;
    min-width: 300px;
}


#custom_header #header_banner #subscription_wrapper div.subscription_image{
    max-width: 105px;
}

#custom_header #header_banner #subscription_wrapper a img{
    float: left;
}
#custom_header #header_banner #subscription_wrapper a div.mag_text {
    float: left;
    margin: 25px 0 0 10px;
    font-size: 1.3em;
    line-height: 1.2;
}

#custom_header #header_banner #subscription_wrapper a div.sub_text{
    background-color: #9B464E;
    color: #FFF;
    padding: 5px 20px;
    float: left;
    margin: 10px 0 0 20px;
}


#custom_header #header_banner #subscription_wrapper a{
    color: #9B464E;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}

#custom_header #header_banner #subscription_wrapper a:hover {
    color: #7b262e;
}

#navbar {
    background-color: #FFF;
    border: none;
}

#navbar button {
    float: left;
}

#navbar .input-group-btn button {
    float: inherit;
}

#mobile_header .button_wrapper{
    width: 100%;
}

#mobile_header .button_wrapper .button{
    float: left;
    width: 50%;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
}

#mobile_header .button_wrapper .button a {
    color: #FFF;
    background-color: #1B4468;
    padding: 10px 38%;
    float: left;
}

#custom_header #full_width_overlay {
    position: absolute;
    width: 3000px;
    height: 34px;
    margin: 0 0 0 -1221px;
    z-index: -9999;
    background-color: #1B4468;
}

#custom_header #full_width_overlay_buffer {
    position: absolute;
    width: 3000px;
    height: 10px;
    margin: 34px 0 0 -1221px;
    background-color: #fff;
}

#custom_header #mobile_menu_close{
    background-color: #1B4468;
}

#custom_header #mobile_menu_close span{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 10px;
    text-transform: uppercase;
	display: inline-block;
	width: 100%;
	padding-top: 17px;
	cursor: pointer;
}

#custom_header #primary_nav ul li a.dropdown-disabled span.caret{
	display: none;
}

/*VVV Make banner resize better VVV*/
#custom_header #header_banner .header_banner_row{
	display: flex; justify-content: space-between;
}

#custom_header #header_banner #logo_wrapper {
	flex-grow: 1;
}
#custom_header #header_banner #subscription_wrapper{
	display: flex;
}
/*^^^ Make banner resize better ^^^*/

/* temporarily hide until we have a digital edition of AFJ */
/*
.mobile-navbar-autofinjournal #custom_header #header_banner #subscription_wrapper .mag_text{
    display: none;
}
.mobile-navbar-autofinjournal #custom_header #header_banner #subscription_wrapper .sub_text{
    display: none;
}
*/


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 120px) {
    #custom_header{
        background-color: #fff;
    }

    #header_offset{
        display: none;
    }
    #custom_header #primary_nav ul.menu {
        margin: 0;
    }



    #custom_header #primary_nav ul li{
        width: 90%;
    }
    #custom_header #primary_nav ul li a {
        font-size: 14px;
        text-align: left;
        padding-left: 5px;
    }

    #custom_header #secondary_nav ul {
        width: 90%;
        float: none;
        margin: 0;
    }

    #custom_header #secondary_nav ul li {
        float: none;
    }
    #custom_header #secondary_nav ul li a {
        font-size: 14px;
        text-align: left;
        padding-left: 5px;
    }
    #custom_header #secondary_nav {
        display: none;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    #custom_header #secondary_nav #search_block_wrapper button{
        display: none;
    }
    #custom_header{
        background-color: #fff;
    }
    #custom_header #primary_nav ul li {
        width: 100%;
    }

    #header_offset{
        display: none;
    }

    #custom_header #secondary_nav {
        display: none;
    }
    #custom_header #secondary_nav ul {
        width: 80%;
        float: none;
        border-right: solid 1px #fff;
    }


}

#edit-facets button {
  background-color: #ed1b24;
  border: medium none;
  color: #fff;
  margin: 21px auto;
  padding: 9px 16px;
  width: 100%;
  border-radius: 0;
}

#views-exposed-form-premium-content-search-page #edit-facets button {
  background-color: #7da53f;
}
#views-exposed-form-premium-content-search-page #edit-keys {
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
	.mobile-navbar-arcanada #mobile-menu-logo-container{background-color: #E4151D;}
	.mobile-navbar-arcanada li#nav-menu-arcanada {order: -1;}
	.mobile-navbar-bhph #mobile-menu-logo-container{background-color: #28833E;}
	.mobile-navbar-bhph li#nav-menu-bhph {order: -1;}
	.mobile-navbar-subprime #mobile-menu-logo-container{background-color: #1E5596;}
	.mobile-navbar-subprime li#nav-menu-subprime {order: -1;}
    .mobile-navbar-autofinjournal #mobile-menu-logo-container{background-color: #542358;}
    .mobile-navbar-autofinjournal li#nav-menu-subprime {order: -1;}

  #edit-keys--2-wrapper,
  #-wrapper,
  .views-exposed-widgets h2.block-title,
  .views-exposed-widget.views-widget-sort-order {
    display: none;
  }
  .edit-exp-publication {margin-top:-8px;}
  body.page-search .panel {margin-bottom: 0;}
  .input-group-btn .btn-primary:focus,
  .input-group-btn .btn-primary:hover,
  .input-group-btn .btn-primary {
    background-color: #ed1b24;
    border: 1px solid #ed1b24;
    border-radius: 0;
  }
  button.btn.btn-primary.filter {display: none;}

  body.page-search button.btn.btn-primary.filter {margin-right:2px;}
  /*body.page-search button.btn.btn-primary.filter {display: inherit;}*/

  .search-form .input-group {border: 1px solid #1B4468;}
  .search-form .form-control {
    border: none;
    text-align: left;
    border-radius: 0;
    text-transform: uppercase;
    box-shadow: none;
  }
  .form-item.form-type-select.form-group,
  .search-form input.form-control.form-text {border:1px solid #aaa !important;}

	#custom_header #primary_nav ul.menu{
		display: flex;
		flex-direction: column;
	}
	li#nav-menu-mediakit {order: 6;}
	li#nav-menu-conferences {order: 7;}

	/**************************
	Mobile Menu styles
	**************************/
	body.mobile-menu-open {
		overflow: hidden;
	}
	.mobile-menu-overlay {
		opacity: 0.0;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 500;
		background-color: #000000;
		cursor: pointer;
	}
	nav div.navbar {
		width: 210px;
		margin-bottom: 0;
		left: -220px;
		overflow: auto;
		height: 100%;
	}
	nav div.navbar::-webkit-scrollbar {
		display: none;
	}
	nav div.navbar ul.menu li a{
		height: 40px;
		line-height: 30px !important;
	}
	nav div.navbar ul.menu ul.dropdown-menu{
		padding: 0;
	}
	nav div.navbar ul.menu ul.dropdown-menu li a{
		padding-left: 25px !important;
	}
	#mobile_menu_close img {
		filter: brightness(0) invert(1);
		width: 155px;
		display: block;
		margin: 0 auto;
	}
	#custom_header .mobile-navbar-arcanada div#mobile_menu_close {
		background-color: rgb(228, 21, 29);
	}
	#custom_header .mobile-navbar-subprime  div#mobile_menu_close {
		background-color: rgb(30, 85, 150);
	}
	#custom_header .mobile-navbar-bhph div#mobile_menu_close {
		background-color: rgb(40, 131, 62);
	}
	body.mobile-menu-open #custom_header #primary_nav {
		box-shadow: 5px 4px 34px rgba(0,0,0,.3);
	}

	#mobile-menu-logo {
		width: 120px;
		filter: brightness(0) invert(1);
	}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    button.btn.btn-primary.filter {display: none;}

    #custom_header{
        background-color: transparent;
    }

    .navbar.container, .navbar.container-fluid {
        margin-top: 0 !important;
    }
    #mobile_header {
        display: none !important;
    }
    #logo_wrapper_inner a span {display: block}
    #navbar {height: 210px;}

    #custom_header #primary_nav{
        background-color: #fff;
    }

    #custom_header #primary_nav ul li{
        min-width: 120px;
        /* for 7 item menu with AFJ */
        width: 14.28%;
        /* width: 16.66%; */
        border-right: solid 1px #fff;
    }
	#custom_header #primary_nav .dropdown-menu{
		padding-top: 1px;
		padding-bottom: 0;
		width: 100%;
	}
	#custom_header #primary_nav .dropdown-menu li{
		border-width: 0;
		width: 100%;
	}
    #custom_header #primary_nav ul li.last {
        border-right: none;
    }
    #custom_header #secondary_nav {
        display: block;
    }
    #custom_header #secondary_nav ul li{
        float: right;
        min-width: 82.2px;
        border-left: solid 1px #fff;
    }
    #custom_header #secondary_nav ul li.last {
        border-left: none;
    }

    #custom_header #primary_nav ul li a{
        color: #ffffff;
        font-size: 11px;
        text-align: center;
        font-weight: bold;
        padding: 5px 0;
    }
    #custom_header #primary_nav ul.menu {
        /* margin: 7.5 -15px;*/
        margin: 7.5px 0;
    }

    #custom_header #secondary_nav ul li a {
        text-align: center;
    }
	#custom_header #primary_nav ul li a span.caret{
		display: none;
	}
	#custom_header #primary_nav ul li#nav-menu-conferences a span.caret{
		display: inline-block;
	}
}

/** CUSTOM PAYWALL PREMIUM BRANDED HEADER */
#custom_header_premium #header_banner.p-branded {
  font-family: "htowert" !important;
  background-color: #7da53f;
  margin-top: -7px;
  color: #fff;
  text-align: center;
  padding: 15px 0 0;
}
#custom_header_premium #header_banner.p-branded a {
    color: #fff;
    text-decoration: none;
}
#custom_header_premium #header_banner.p-branded .h1 {
  font-size: 76px;
  display: block;
  line-height: 40px
}
#custom_header_premium #secondary_nav.p-branded {
  float: none;
  width: inherit;
  margin-top: 15px;
}
#secondary_nav.p-branded {
  font-family: "htowert" !important;
  background-color: #597e38;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  max-height: 40px;
}

#secondary_nav.p-branded .h3 {
  font-size: 28px;
  line-height: 24px;
  letter-spacing: 4px;
  margin-top: 0;
}

#custom_header_premium #header_banner.p-branded .h2 {
  font-size: 36px;
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #custom_header #primary_nav ul li a{
        font-size: 12px;
    }
}

@media all and (max-device-width : 991px), (max-width: 991px) {
    #custom_header #secondary_nav ul li a{
        font-size: 12px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    #custom_header #secondary_nav ul li{
        width: 100%;
        max-width: 115px;
    }
}