/* Header Styles */ a:focus, button:focus { outline: none; } .main-navigation.toggled .fa-navicon:before, .main-navigation.toggled .fa-reorder:before, .main-navigation.toggled .fa-bars:before { content: "\f00d"; } header.site-header { position: fixed; width: 100%; top: 0; padding: 10px; z-index: 100; background-color: rgba(7, 132, 134, .9); transition: background-color .4s ease; } header.site-header.shrink { background-color: rgba(7, 132, 134, 1); transition: background-color .4s ease; } #intro .background-video:after { /*background-color: rgba(255,255,255,1);*/ } a, a:visited { color: #a1d1d7; } a:hover, a:active { color: #d88628; } header#masthead .d-room { /*border-bottom: 2px dashed #d88628; padding-top: 15px;*/ flex-wrap: nowrap; /*TEMP*/ width: 100%; } .site-branding { width: 25%; min-width: 250px; /*padding-bottom: 15px; margin: 0 auto;*/ } nav.main-navigation.toggled { background-color: rgba(38, 19, 0, .95); display: block; position: absolute; width: 100%; height: 100vh; text-align: center; padding-top: 100px; color: white; right: 0; top: 0; } .tribe-is-responsive main#main { margin-top: 240px; } aside#secondary { display: none; } #intro .container { top: 50%; width: 90%; } .current-menu-item a { color: rgba(38, 19, 0, 1); } .page-id-35 #intro, .page-id-33 #intro, .page-id-20 #intro, .page-id-16 #intro, .page-id-14 #intro { height: 35vh; min-height: 500px; } .page-id-35 #intro .background-video:after, .page-id-33 #intro .background-video:after, .page-id-20 #intro .background-video:after, .page-id-16 #intro .background-video:after, .page-id-14 #intro .background-video:after { background-color: rgba(35,13,13,.0); } button.menu-toggle.fa.fa-bars { background-color: transparent; color: white; border-radius: 0; border: none; padding: 10px 12px; font-size: 35px; border-radius: 4px; position: absolute; top: 52px; left: 40px; z-index: 10; transition: top .4s; } .menu-toggle { display: flex; float: right; } .main-navigation.toggled ul { display: flex; flex-direction: column; color: white; } .main-navigation { /*clear: both; top: 25px; position: absolute; right: 25px;*/ } .main-navigation.toggled button.menu-toggle.fa.fa-bars { /*right: 40px;*/ } /*@media screen and (min-width: 900px) { .menu-toggle { display: none; } .main-navigation ul { display: flex; justify-content: space-around; flex-direction: row; } }*/ @media screen and (max-width: 600px) { .site-branding { width: 200px; } } @media screen and (max-width: 900px) { .main-navigation ul { flex-direction: column; } } ul.soc { display: flex; justify-content: center; } /*ul.soc li { font-size: 40px; display: flex; padding-right: 30px; }*/ ul.soc li { font-size: 40px; display: inline-block; padding: 0 30px 0 0; /* line-height: 3; */ height: 40px; /*margin-top: 30px;*/ transition: all .4s; transition-property: margin-top, font-size; }