@charset "utf-8"; @import "../initial"; .pageheader{ background-color: #333; z-index: 1; position: relative; @media(max-width:$screen-xs){ padding-bottom: 4em; } } .default_site_h1{ color: #fff; display: contents; text-shadow: 1px 0px 2px #00000080; } .layout-header { position: relative; margin-bottom: 0; border: none; border-radius: 0; z-index: 0; .container { @extend .response-container; } .header-banner { overflow: hidden; } .header-nav { padding: 1em 0; color: $theme-color-main; font-family: $main-font; & > * { display: inline-block; margin-top: 0; margin-bottom: 0; font-size: 0.8em; color: $theme-color-main; } a { color: $theme-color-main; text-decoration: none; } @media (min-width: $screen-sm) { text-align: right; } } .navbar-header { padding: 0em; .navbar-brand { height: unset; margin:0; padding-top: 0; padding-bottom: 0; line-height: 2.125em; color: $theme-color-main; font-size: 1.4em; font-family: $main-font; @media (min-width: $screen-sm) { height: unset; margin: 0.5rem 0 0; padding-left: 0; line-height: 3.75em; font-size: 1.5em; } @media (max-width: 767px) { height: 5em; } @media (max-width: 480px) { height: 3.5em; padding: 0 0.5rem; margin: 0; } .site-logo { width: 180px; height: 100%; margin-top: 0.6em; margin-right: 0.5em; float: left; } } } } .navbar-toggle { padding: 0.875em 0.625em; border-radius: 0.125em; border-width: 0.125em; border-color:#fff; .icon-bar { background-color: #fff; } &.collapsed { .icon-bar-top { top: 0; -webkit-transform: rotate(0); transform: rotate(0); } .icon-bar-middle { opacity: 1; } .icon-bar-bottom { top: 0; -webkit-transform: rotate(0); transform: rotate(0); } } // icon bar animation .icon-bar { transition: .2s all; position: relative; } .icon-bar-top { top: 0.375em; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .icon-bar-middle { opacity: 0; } .icon-bar-bottom { top: -0.375em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } } .ad-banner-widget-0{ @media(min-width:1900px){ height:690px; } @media only screen and (min-width: 1600px) and (max-width: 1900px){ height: 550px; } @media only screen and(min-width: 1200px) and (max-width: 1599px){ height: 445px; } @media only screen and(min-width:1024px)and (max-width: 1200px){ height: 363px; } @media screen and (min-width:991px) and (max-width:1025px){ height: 1120px; } @media screen and (min-width:$screen-xs) and (max-width:990px){ height: 784px; } @media(max-width: $screen-xs){ height:580px; } }