/* google font include */ @import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,600,700,700i|Oswald:400,500,600,700'); @font-face { font-family: 'bditeam'; src: url('/wp-content/themes/workshop/fonts/bditeam/bditeam.eot?t9tah6'); src: url('/wp-content/themes/workshop/fonts/bditeam/bditeam.eot?t9tah6#iefix') format('embedded-opentype'), url('/wp-content/themes/workshop/fonts/bditeam/bditeam.ttf?t9tah6') format('truetype'), url('/wp-content/themes/workshop/fonts/bditeam/bditeam.woff?t9tah6') format('woff'), url('/wp-content/themes/workshop/fonts/bditeam/bditeam.svg?t9tah6#bditeam') format('svg'); font-weight: normal; font-style: normal; } body {font-family: 'Lato', sans-serif; font-size: 1.1em; color: #686868 ;} section {line-height: 0px;} p,ul,ol,li {line-height: 1.3em;} .inner {width: 100%; max-width: calc(1400px + 4%); padding: 0 2%; box-sizing: border-box;} h1, h1 a {font-size: calc(16pt + .8vw); color: #020202 ;font-family: "Lato"; font-weight: 700; line-height:1.2em; margin: 10px 0 10px; text-transform: none; } h2, h2 a {font-size: calc(16pt + .7vw); color: #020202 ;font-family: "Lato"; font-weight: 700; line-height:1.2em; margin: 10px 0; text-transform: none; letter-spacing: .5px;} h3, h3 a {font-size: calc(16pt + .6vw); color: #020202 ;font-family: "Lato"; font-weight: 600; line-height:1.1em; margin: 10px 0; text-transform: none;} h4, h4 a {font-size: calc(16pt + .5vw); color: #020202 ;font-family: "Lato"; font-weight: 600; line-height:1.1em; margin: 10px 0;} h5, h5 a {font-size: calc(16pt + .4vw); color: #020202 ;font-family: "Lato"; font-weight: 600; line-height:1.1em; margin: 10px 0;} h6, h6 a {font-size: calc(16pt + .3vw); color: #020202 ;font-family: "Lato"; font-weight: 600; line-height:1.1em; margin: 10px 0;} h1 span {font-family: "Times New Roman"; font-weight: 400; text-shadow: 0 0 6px rgba(0,0,0,.4); font-size: calc(16pt + 1.66vw) } a, a:link {color: #ed1c24 ; transition: all 0.3s;} a:visited {color: #ed1c24 ; } a:hover, a:focus {color: #a20107 ;} a.button {background: #ed1c24; border:1px solid #ed1c24; color: #ffffff; font-size: .92em; font-weight: 700; padding: 1.14vw 2.08vw; border-radius: 0px; white-space: nowrap; line-height:1em; display:inline-block; text-transform: uppercase; } a.button:hover {background-color: #a20107; border-color: #a20107; color: #ffffff; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);} a.button.small {background: #ed1c24; border:1px solid #ed1c24; color: #ffffff; font-size: .92em; font-weight: 700; padding: 15px 22px 15px; border-radius: 0px; white-space: nowrap; line-height:1em; display:inline-block; text-transform: uppercase; } a.button.small:hover {background-color: #a20107; border-color: #a20107; color: #ffffff;} a.button.small2 {background: transparent; border:1px solid #ed1c24; color: #ed1c24 ; border-radius: 3px; padding: 5px 15px; margin: 5px;} a.button.small2:hover {background-color: #a20107; border-color: #a20107; color: #ffffff;} .form-item input.wpcf7-submit {background: #ed1c24; border:1px solid #ed1c24; color: #ffffff; font-size: .92em; font-weight: 700; padding: 16px 20px 14px; transition: all 0.3s;} .form-item input.wpcf7-submit:hover {background-color: #a20107; border-color: #a20107; color: #ffffff; outline: none; transition: all 0.3s;} .imagewrapper {line-height: 0px;} #header1 {background: transparent; padding: 5px; position: absolute; top: 0; z-index: 600;} #header1 .inner {display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: wrap; position: relative;} #header1 .site-logo {display: inline-block; position: absolute; top: 10px; left: 2%; z-index: 1000; width: 285px; height: 122px; z-index: 2000;} #header1 .social-wrapper {display: block; margin: 10px 0px 0 0;} #header1 .social-wrapper .icon {width:45px; height:45px; font-size:45px; margin-right:10px; background-color: #ed1c24; color: #ffffff; transition: all 0.3s; } #header1 .social-wrapper .icon:hover {background-color: #a20107; color:#ffffff; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);} #header1 #nav_menu-2 {display: block; width: 100%; margin-top: 23px;} /* MENU Tweaks NEW*/ .nav {position: relative; z-index: 1000;line-height: 0px; display: flex; justify-content: flex-end;} .nav .nav-list {font-size: 0px; display: inline-block; list-style: none; padding: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0; margin:0} .nav .nav-list .nav-item {margin: 0; padding:0; line-height: 0px; display: inline-block; line-height: 1em;} .nav .nav-list .nav-item a {display: block; white-space: nowrap; transition: all 0.3s;} .nav .nav-list .nav-item .sub-menu {position: relative; display: none; min-width: 200px; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0; transition: all 0.3s; padding-left:0;} .nav .nav-list .nav-item:hover .sub-menu {display: block; position: absolute; bottom: 0; transform: translateY(100%); padding-left: 0;} .nav .nav-list .nav-item .sub-menu .nav-item {display: block; position: relative; } .nav .nav-list > .nav-item > a {color: #ffffff; background: transparent; font-size:15.5px; font-family: 'Lato'; font-weight: 700; text-transform: uppercase; padding: 12px 18px 10px; line-height:1em; letter-spacing: .32px;} /* top level */ .nav .nav-list > .nav-item > a:hover {color: #ffffff; background: #ed1c24;} /* top level - Hover */ .nav .nav-list > .nav-item.active-trail > a {color: #ffffff; background: #ed1c24;} /* top level - Active Trail */ .nav .nav-list .sub-menu {box-shadow: 2px 2px 8px rgba(0,0,0,.6);} .nav .nav-list .sub-menu > .nav-item > a {color: #ffffff; background: rgba(0,0,0,.7); font-size: 16px; font-family: 'Lato'; font-weight: 400; text-transform: none; padding: 10px 12px 10px; line-height:1em;} /* Sub Menu */ .nav .nav-list .sub-menu > .nav-item > a:hover {color: #ffffff; background: #ed1c24;} /* Sub Menu - Hover */ .nav .nav-list .sub-menu > .nav-item.active-trail > a {color: #ffffff; background: #ed1c24;} /* Sub Menu - Active Trail */ .nav-mobile {display: none; cursor: pointer; position: absolute; top: 0px; right: 0; height: 56px; width: 56px; font-size: 25px; margin-right:0; z-index: 2000;} /* Mobile Navigation */ .nav-mobile .menuicon {width: 100%; height:100%; display:flex; justify-content:center; align-items: center; font-family: "Workshop";} .nav-mobile .menuicon:before {content: "\e911"; color: #ffffff;} /* valid icons: e90e (horizontal dots), e90f (vert Dots), e910 (small 3bar round), e911 (large 3bar round), e912 (small 3 bar square), e913 (large 3bar square)*/ .nav-mobile.nav-mobile-open .menuicon:before {color: #ed1c24;} /* Slideshow Banner Tweaks */ #slideshow {padding: 0; z-index: 50; } #slideshow .inside {position: relative;} #slideshow .overlaywrapper {background: transparent; position:absolute; bottom: 0; left:0; width:100%; max-width: 100%; height: 100%; display:flex; justify-content: space-around; align-items: center; padding:0; min-height: 0px; } #slideshow .overlaywrapper .centerme {margin: 62px 0 7vw; width:100%; padding: 20px; box-sizing: border-box; text-align: center;max-width: 1350px;} #slideshow .overlaywrapper .centerme .slide-title {color:#ffffff; font-size:calc(16pt + 1.4vw); font-family:"Lato"; font-weight:700; line-height:1.2em; text-shadow: 2px 3px 4px rgba(0,0,0,.95); text-transform: uppercase;} #slideshow .overlaywrapper .centerme .slide-sub-title {color:#ffffff; font-size: calc(12pt + .2vw); font-family:"Lato"; font-weight: 400; font-style: italic; margin-top: 6px; text-shadow: 2px 2px 6px #000000; line-height:1.5em;} #slideshow .overlaywrapper .centerme .slide-button {margin-top: 8px;} #slideshow .overlaywrapper .centerme .slide-button a {color:#ffffff; background: transparent; border:1px solid #ffffff; font-size: 1.1em; line-height: 1em; font-family:"Lato"; font-weight: 700; text-transform:uppercase; padding: 15px 22px 15px; white-space:nowrap; transition:all 0.3s; } #slideshow .overlaywrapper .centerme .slide-button a:hover {background-color: #2782bd; border-color: #2782bd; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19)} #slideshow.short .overlaywrapper .centerme {padding: 10px 5vw; margin: 62px 0 0 0;} .hidebanners #slideshow {height: 62px;} .hidebanners #slideshow .inside {display: none;} .browser-ie-trident #slideshow .imagewrapper img {max-width: 100vw; height: auto;} .browser-ie-trident #slideshow .overlaywrapper .centerme {width: 100vw; max-width: 100vw; } /* SECTIONS */ /* Front Page Sections */ #fpcallouts {padding: 0; margin-top: -5.57vw; z-index: 300; position: relative;} #fpcallouts .inner {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;} #fpcallouts .itembox {color: #d9d7d7 ; width: 48.5%; min-height: 290px; display: inline-block; padding: 20px; border-top: 13px solid #ed1c24 ; text-align: center; display: flex; justify-content: space-around; align-items: center; background-size: cover; background-position: center center;} #fpcallouts .itembox .centerbox {max-width: 80%;} #fpcallouts .itembox .titlebox {margin-top: 0} #fpcallouts .itembox .linkwrapper {margin-top: 20px;} #fpcallouts .itembox h2 {color: #ffffff; font-size: calc(16pt + .7vw); letter-spacing: .5px; margin-bottom: 15px;} #fpcallouts .itembox a {color: #ffffff; font-weight: 700; font-size: 1.0em; text-transform: uppercase; transition: all 0.3s;} #fpcallouts .itembox a:hover {color: #ed1c24 ;} #topsplit {background: #020202; color: #d9d7d7 ;display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;padding: 0;} #topsplit .left.side {width: 50%; display: flex; justify-content: space-around; align-items: center; padding: 20px 6.7vw;} #topsplit .left.side .linkwrapper {margin-top: 3.1vw;} #topsplit .right.side {width: 50%; display: inline-block;line-height: 0;} #topsplit h2 {color: #ffffff;} #bottomcallouts {background-size: cover; background-position: center center; background-attachment: fixed;} #bottomcallouts .calloutbox {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;} #bottomcallouts .calloutbox .itembox {background: #939598; width: 24%; display: inline-block; padding: 0 20px 20px 20px; box-sizing: border-box;margin: 9vw 0 20px;} #bottomcallouts .calloutbox .itembox .iconbox {width: 15vw; height: 15vw; background: #020202; color: #ed1c24; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; border-radius: 50%; line-height: 0; margin: -50% auto 0; } #bottomcallouts .calloutbox .itembox .iconbox .centericon {line-height: 0; height: 0;} #bottomcallouts .calloutbox .itembox .iconbox .centericon.e900:after { color: #ed1c24; content: "\e900"; font-family: "bditeam"; font-size: 8vw; line-height: 0;} #bottomcallouts .calloutbox .itembox .iconbox .centericon.e901:after { color: #ed1c24; content: "\e901"; font-family: "bditeam"; font-size: 8vw; line-height: 0;} #bottomcallouts .calloutbox .itembox .iconbox .centericon.e902:after { color: #ed1c24; content: "\e902"; font-family: "bditeam"; font-size: 8vw; line-height: 0;} #bottomcallouts .calloutbox .itembox .iconbox .centericon.e903:after { color: #ed1c24; content: "\e903"; font-family: "bditeam"; font-size: 8vw; line-height: 0;} #bottomcallouts .calloutbox .itembox .iconbox .centericon.e904:after { color: #ed1c24; content: "\e904"; font-family: "bditeam"; font-size: 8vw; line-height: 0;} #bottomcallouts .calloutbox .itembox .iconbox .centericon.e905:after { color: #ed1c24; content: "\e905"; font-family: "bditeam"; font-size: 8vw; line-height: 0;} #bottomcallouts .calloutbox .itembox .iconbox .centericon.e906:after { color: #ed1c24; content: "\e906"; font-family: "bditeam"; font-size: 8vw; line-height: 0;} #bottomcallouts .calloutbox .itembox .iconbox .centericon.e907:after { color: #ed1c24; content: "\e907"; font-family: "bditeam"; font-size: 8vw; line-height: 0;} #bottomcallouts .calloutbox .itembox .titlebox {color: #ffffff; text-transform: uppercase; text-align: center; margin-top: 27px;margin-bottom: 14px;} #bottomcallouts .calloutbox .itembox .titlebox h2 {color: #ffffff; text-transform: uppercase; text-align: center; font-size: calc(14pt + .24vw)} #bottomcallouts .calloutbox .itembox .textbox {color: #e8e6e6 ; padding: 0 10px;} #bottomcallouts .calloutbox .itembox .linkwrapper { text-align: center; margin-bottom: 18px;} #bottomcallouts .calloutbox .itembox .linkwrapper a {color: #ffffff; text-transform: uppercase; transition: all 0.3s; font-weight: 700;} #bottomcallouts .calloutbox .itembox .linkwrapper a:hover {color: #ed1c24; } #bottomleftright {padding: 0;display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;} #bottomleftright .itembox {color: #ffffff; text-align: center;width: 50%; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; padding: 7vw; background-size: cover; background-position: center center;} #bottomleftright .itembox .titlebox {margin-bottom: 14px;} #bottomleftright .itembox h2 {color: #ffffff; text-transform: uppercase; font-size: calc(14pt + .8vw); text-align: center; letter-spacing: 1px} #bottomleftright .linkwrapper {width: 100%; text-align: center; margin-top: 50px;} #bottomleftright .linkwrapper a.button {background: transparent; border:1px solid #ffffff; color: #ffffff; } #bottomleftright .linkwrapper a.button:hover {background-color: #ed1c24; border-color: #ed1c24; color: #ffffff; } /* Custom Grouped Worksheet Page */ .documentsection .header-row.row {background: #000000; color: #ffffff; font-size: calc(14pt + .3vw); font-weight: normal; padding: 10px; border-color: #000000; line-height: 1.1em; box-sizing: border-box;} .documentsection .doc-row:nth-child(odd) {background: #ececec;} .documentsection .row {padding: 2px 10px; width: 100%; margin: 0; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;} .documentsection .row .doc-type {width: 80px; padding: 5px 10px; display: flex; justify-content: space-around; align-items: center; box-sizing: border-box;} .documentsection .row .doc-title {width: calc(100% - 80px - 120px - 185px); padding: 5px 10px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; box-sizing: border-box;} .documentsection .row .doc-size {text-align: center; width: 120px; padding: 5px 10px; display: flex; justify-content: space-around; align-items: center; box-sizing: border-box;} .documentsection .row .doc-link {text-align: center; width: 185px; padding: 5px 10px; display: flex; justify-content: space-around; align-items: center; box-sizing: border-box;} .documentsection .row .doc-link .iconbox {display: none;} .documentsection .doc-row .doc-type .icon {width: 32px; min-height: 32px; padding-top: 4px; text-align: center;} .documentsection .doc-row .doc-type .icon:before {content: "\eadf"; color: #97161a; font-size: 32px; font-family: "workshop";display: inline-block; margin-top: 5px;} .documentsection .doc-row .doc-title { font-size: 1.1em; line-height: 1.2em;} /* Stagger Rows */ .stagger.row {width: 100%; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; margin-bottom: 40px;} .stagger.row .side.one {display: inline-block; width: 50%; order: 2; box-sizing: border-box;} .stagger.row .side.two {width: 50%; order: 4; padding: 20px; box-sizing: border-box; display: flex; justify-content: space-around; align-items: center; } .stagger.row:nth-child(2n+2) .side.one {order: 6;} .stagger.row ul {list-style: none;} .stagger.row ul li {font-size: calc(14pt + .27vw); line-height: 1.5em; } .stagger.row ul li:before {content: "•"; color: #ed1c24; position: relative; left: -10px;} #footer1 {background: #ed1c24; color: #ffffff; } #footer1 #wysiwyg_widgets_widget-3 {display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; padding: 1.2vw 0;} #footer1 ul {margin: 0; padding: 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;} #footer1 ul li {margin: 0; padding: 0; list-style: none; font-weight: 700; } #footer1 ul li:nth-child(1) {font-size: calc(16pt + .4vw); letter-spacing: .45px;} #footer1 a.button {background: #020202; border:1px solid #020202; color: #ffffff; margin: 0 20px; } #footer1 a.button:hover {background-color: #515151; border-color: #515151; color: #ffffff;} #footer2 {background: #191919; color: #ffffff;} #footer2 .fullwidth {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;} #footer2 h2 {color: #ed1c24 ;font-size: calc(14pt + .2vw); text-transform: uppercase; text-align: center;} #footer2 ul {margin: 0; padding: 0;} #footer2 ul li {margin: 0; padding: 0; list-style: none; text-align: center; font-weight: 300; font-size: 1.35em;} #footer2 a {color: #ffffff ;} #footer2 a:visited {color: #8a8989 ;} #footer2 a:hover {color: #8a8989 ;} #footer2 .inner {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;} #footer2 .widget {display: inline-block;} #footer2 #wysiwyg_widgets_widget-2 ul {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;} #footer2 #wysiwyg_widgets_widget-2 ul li {color: #ed1c24 ; display: inline-block; text-align: left;} #footer2 #wysiwyg_widgets_widget-2 ul li:nth-child(1) {align-self: flex-start;} #footer2 #wysiwyg_widgets_widget-2 ul li:nth-child(2) {padding: 0 20px; font-weight: 400;} #footer2 #blockgroup-1 {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; max-width: 400px;} #footer2 #blockgroup-1 .social-wrapper {width: 100%; } #footer2 #blockgroup-1 .social-wrapper {margin-top: 20px;} #footer2 #blockgroup-1 .social-wrapper .icon {width:60px; height:60px; font-size:60px; margin-right:14px; background-color: #ffffff; color: #191919; transition: all 0.3s; } #footer2 #blockgroup-1 .social-wrapper .icon:hover {background-color: #8a8989; color:#191919; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);} /*#footer2 {max-width: 230px;}*/ footer {background: #0e0e0e; color: #504f4f; font-size: .8em; line-height: 1em; text-align: center; padding: 10px 0;} footer p {color: #2b2c2c; margin:0;} footer a, footer a:link, footer a:visited {color: #505050;} footer a:focus, footer a:hover {color: #ffffff;} .gototop {opacity: 0; color: #fff; width: 40px; height: 0px;bottom: 0; right: 20px; border: 0; font-size: 30px; background: #2882be; border-radius: 20px 20px 0 0; transition: all 0.5s; transform: translateY(25px);z-index: 2000; overflow: hidden; position: fixed; cursor: pointer; transition: all 0.3s;} .gototop.show {opacity: 1; height: 50px;} .gototop:before {content: "\ea3a"; font-family: "workshop"; top: calc(50% - 4px); display: block; position: absolute; left: 50%; transform: translate(-50%,-50%);} .gototop:hover {transform: translateY(0);} /* Content Areas - Events Page */ /*---------------------------------------------------------------------------------------------------------------------------------*/ #currentevents .inner h2 {color: #ed1c24; font-size: calc(14pt + 1.1vw); font-weight: 300; margin-bottom: 35px; letter-spacing: 0px; text-transform: capitalize; } /* #currentevents .inner h2:after {content: " "; width: 430px; height: 5px; background-color: #339a99; display: block; margin: 19px 0 43px; }*/ #upcomingevents .inner h2 {color: #111111; font-size: calc(14pt + .6vw); font-weight: 600; letter-spacing: .5px; text-transform: uppercase; } /* #upcomingevents .inner h2:after {content: " "; width: 430px; height: 5px; background-color: #339a99; display: block; margin: 19px 0 43px; }*/ .events .inner .row {position: relative; display: block; margin-bottom: 46px; } .events .inner .row .itembox {background-color: #e2e2e2; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .events .inner .row .itembox .imagewrapper {width: 284px; } .events .inner .row .itembox .centerbox {width: calc(100% - 300px - 300px); padding: 10px 43px 10px 43px; box-sizing: border-box; align-self: center; } .events .inner .row .itembox .centerbox .titlewrap {color: #ed1c24; font-size: calc(14pt + .2vw); font-weight: 600; margin: 0 0 16px; letter-spacing: .12px; } .events .inner .row .itembox .centerbox .subblue {display: none; color: #0e1c34; font-size: 10pt; font-weight: 600; margin-bottom: 14px; letter-spacing: 1px; line-height: 1.5em; } .events .inner .row .itembox .centerbox .subred {display: none; color: #ed1c24; font-size: 10pt; font-weight: 600; letter-spacing: 1px; } .events .inner .row .itembox .centerbox .textwrap p {color: #111111; font-size: 1em; margin-bottom: 0; } .events .inner .row .itembox .centerbox .textwrap p a {color: #ed1c24;} .events .inner .row .itembox .centerbox .textwrap p a:hover {color: #868686;} .events .inner .row .itembox .centerbox .buttonwrap {margin-top: 15px; } .events .inner .row .itembox .centerbox .buttonwrap a.button.more-link {color: #ffffff; background-color: #ed1c24; border-color: #ed1c24; font-weight: 800; margin-top: 20px; padding: 8px 19px; letter-spacing: -.5px; } .events .inner .row .itembox .centerbox .buttonwrap a.button.more-link:hover {background-color: #1b1b1b; border-color: #1b1b1b; } .events .inner .row .itembox .datewrap {width: 284px; height: 284px; background-color: #ed1c24; padding: 68px 40px; box-sizing:border-box; display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; text-align: center; } .events .inner .row .itembox .datewrap .centerme {align-self: center; } .events .inner .row .itembox .datewrap .part1 {color: #ffffff; font-size: 16pt; width: 100%; text-transform: uppercase; } .events .inner .row .itembox .datewrap .part2 {color: #ffffff; width: 100%; font-size: calc(16pt + 2.1vw); font-weight: 600; margin: 36px 0 36px; } .events .inner .row .itembox .datewrap .part3 {color: #ffffff; width: 100%; font-size: 10pt; text-transform: uppercase; } .events .inner .row .itembox .centerbox .buttonwrap {} .events .inner .row .itembox .centerbox .buttonwrap a.button.more-link {} /*#upcomingevents {background: url(../../img/ama-pattern-parallax-min.jpg) no-repeat center; background-size: cover; }*/ .single-bdi-events .inner h1 {text-align: left; } .single-bdi-events .inner .imagewrapper {margin-bottom: 30px; display: block; text-align: left; } .single-bdi-events .inner .datewrap {color: #ed1c24; margin: 30px 0; text-align: left;} .single-bdi-events #content .inner .centerbox .textwrap {text-align: left; width: 100%; } .single-bdi-events #content .inner .centerbox .buttonwrap {text-align: left;} @media only screen and (max-width:1700px) { } @media only screen and (max-width:1500px) { } @media only screen and (max-width:1400px) { } @media only screen and (max-width:1300px) { } @media only screen and (max-width:1200px) { } @media only screen and (max-width: 1100px) { .events .inner .row .itembox .imagewrapper {width: 300px; } .events .inner .row .itembox .centerbox {width: 100%; order: 3;} .events .inner .row .itembox .datewrap {width: calc(100% - 300px ); height: 300px; } } @media only screen and (max-width: 900px) { /* Mobile MENU tweaks NEW*/ .widget_nav_menu {width: 100%;} .nav {height: 62px} .nav .nav-list {display: none;} .nav .nav-list.nav-active {display: block; position: absolute; bottom: 0; right: 0; transform: translateY(100%);} .nav .nav-list.nav-active .nav-item {display: block;} .nav .nav-list.nav-active .nav-item .sub-menu {display: block; position: relative; transform: translateY(0);} .nav .nav-list.nav-active > .nav-item > a {color: #ffffff; background: rgba(0,0,0,.7); font-size: 16px; font-family: 'Lato'; font-weight: 400; text-transform: none; padding: 8px 12px 8px; line-height:1em;} /* top level */ .nav .nav-list.nav-active > .nav-item > a:hover {color: #ffffff; background: #ed1c24;} /* top level - Hover */ .nav .nav-list.nav-active > .nav-item.active-trail > a {color: #ffffff; background: #ed1c24;} /* top level - Active Trail */ .nav .nav-list .sub-menu {box-shadow: none;} .nav .nav-list.nav-active .sub-menu > .nav-item > a {color: #ffffff; background: rgba(0,0,0,.7); font-size: 16px; font-family: 'Lato'; font-weight: 400; text-transform: none; padding: 8px 34px 8px 34px; line-height:1em; white-space: pre-wrap;} /* Sub Menu */ .nav .nav-list.nav-active .sub-menu > .nav-item > a:hover {color: #ffffff; background: #ed1c24;} /* Sub Menu - Hover */ .nav .nav-list.nav-active .sub-menu > .nav-item.active-trail > a {color: #ffffff; background: #ed1c24;} /* Sub Menu - Active Trail */ .nav-mobile {display: block; width: 56px; height: 62px;} /* 3 bar menu block */ .nav-mobile .menuicon:before {position: relative; left: 0;} .nav {width: 100%; height: 62px; margin-left: 0px;} .stagger.row {max-width: 700px; margin: 0 auto 60px;} .stagger.row:nth-child(1n+0) .side {width: 100%;} .stagger.row:nth-child(1n+0) .side.one {order: 1;} } @media only screen and (max-width:800px) { .documentsection .row .doc-title {width: calc(100% - 80px - 185px);} .documentsection .row .doc-size {display: none;} } @media only screen and (max-width:700px) { } @media only screen and (max-width:650px) { } @media only screen and (max-width:600px) { .documentsection .row .doc-title {width: calc(100% - 130px); font-size: .85em;} .documentsection .row .doc-type {display: none;} .documentsection .row .doc-link {width: 130px; font-size: .85em;} .documentsection .row .doc-link span {display: none;} } @media only screen and (max-width:500px) { .events .inner .row .itembox .imagewrapper {display: block; margin: 0 auto; } .events .inner .row .itembox .imagewrapper img {width: 100%; } .events .inner .row .itembox .datewrap {width: 100%; padding: 0; height: initial; } .events .inner .row .itembox .datewrap .centerme {padding: 20px;} #currentevents .inner h2 {text-align: center; } #currentevents .inner h2:after {width: 60px; margin: 20px auto; } #upcomingevents .inner h2 {text-align: center; } #upcomingevents .inner h2:after {width: 60px; margin: 20px auto; } .events .inner .row .itembox .imagewrapper {width: 100%; } } @media only screen and (max-width:480px) { .documentsection .row .doc-title {width: calc(100% - 80px);} .documentsection .row .doc-link {width: 80px;} .documentsection .row .doc-link .button {display: none;} .documentsection .doc-row .doc-title { font-size: .95em; } .documentsection .doc-row .doc-link .iconbox {height: 45px; width: 45px; position: relative; display: inline-block;} .documentsection .doc-row .doc-link .iconbox:before {content: "\e91a"; color: #0b6c8f; background-color:transparent; font-size: 40px; font-family: "Workshop";display: block; line-height: 1em;} .documentsection .doc-row .doc-link .iconbox:hover:before {color: #53c9f2;} }