/* ---------------------------------------------------------------------------- Stylesheet Author: Blake Lyons Read Me: Fonts: Proxima Nova Regular font-family: proxima-nova, sans-serif; font-weight: 400; font-style: normal; colors: Main Red: #98002E Main Dark Blue: #053C5B Button Blue: #006FAD */ /* ----------------- General & Resets ----------------- */ :root { font-size: 62.5%; /* Set's Browser Root EM size to 10px, so that you can easily convert REM to px (ex. 1.6rem = 16px) */ } #editAnywhere { display: none; } body { background: #fff; position: relative; color: #000; margin: 0; } body.home { background: #fff; } body.mm_open { overflow: hidden; background: #fff; } body, table, input, textarea, select { font-family: proxima-nova, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; } * { box-sizing: border-box; } @media screen and (min-width:750px) and (max-width:1024px) { body, table, input, textarea, select { font-size:1.5rem; } } @media screen and (min-width:20px) and (max-width:749px) { body, table, input, textarea, select { font-size:1.4rem; } } input, textarea, select { box-sizing:border-box; line-height: 36px; height: 36px; width:100%; padding: 4px 8px; border: 1px solid #ccc; outline:0; margin: 3px 0; background: #f8f8f8; border-radius: 2px; transition: border 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s; } input { } input[type="button"] { } input[type="checkbox"] { width:auto; vertical-align:middle; margin-right:5px; } input[type="file"] { height:auto; line-height:normal; padding-top:10px; padding-bottom:10px; } input[type="password"] { } input[type="radio"] { width:auto; vertical-align:middle; margin-right:5px; } input[type="submit"] { } input[type="text"] { } select { display:block; height:44px; line-height:normal; padding-top:0; padding-bottom:0; -moz-appearance:none; -webkit-appearance:none; appearance:none; background-color:#fff; background-image:url('data:image/svg+xml; charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23676767%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #f8f8f8 0%,#f8f8f8 100%); background-repeat:no-repeat, repeat; background-position:right .7em top 50%, 0 0; background-size:.65em auto, 100%; } select.listbox { height:auto !important; background:#f8f8f8 !important; } select::-ms-expand { display:none; } select option { font-weight:normal; } textarea { height:auto; line-height:normal; width:100%; } /* Input Focus Styling */ input[type="text"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="color"]:focus, select:focus, textarea:focus { border-color:#387fc0; box-shadow: 0 1px 1px rgba(0,0,0,0.07) inset, 0 0 5px rgba(89,153,178,0.333); } /* Stylish Checkboxes & Radio Buttons */ input[type=checkbox] { position:relative; -webkit-appearance:none; appearance:none; border: 0 none; background-color:#eee; width:2.4rem; height:2.4rem; border: 1px solid #ccc; vertical-align:middle; outline:none; } input[type=checkbox]:checked { background: #053C5B; border-color: #053C5B; } input[type=checkbox]::after { position:absolute; top:50%; left:0px; width: 100%; height: 100%; font-family:FontAwesome; font-size:18px; height: 1.8rem; line-height:1.8rem; margin-top: -0.9rem; color:#fff;vertical-align:middle; text-align:center; } input[type=checkbox]:checked::after { content:'\f00c'; } input[type=radio] { position:relative; -webkit-appearance:none; appearance:none; border-radius:50%; border: 0 none; background-color:#eee; width:2.4rem; height:2.4rem; border: 1px solid #ccc; vertical-align:top; outline:none; } input[type=radio]:checked { background:#053C5B; border-color: #053C5B; } input[type=radio]::after { position:absolute; top:2px; left:2px; right:2px; bottom:2px; border: 2px solid #fff; border-radius:50%; } input[type=radio]:checked::after { content:''; } a { text-decoration:none; color: #98002E; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } a:hover { color: #053C5B; } img { border: 0; max-width: 100%; } /* Wrappers */ .wrapper { margin: 0 auto; width: 96%; max-width: 1170px; position:relative; } @media screen and (min-width:1140px) and (max-width:1299px) { .wrapper { max-width:1150px; } } @media screen and (min-width:1025px) and (max-width:1139px) { .wrapper { max-width:1000px; } } @media screen and (min-width:960px) and (max-width:1024px) { .wrapper { max-width:950px; } } @media screen and (min-width:750px) and (max-width:959px) { .wrapper { max-width:750px; } } @media screen and (min-width:1025px) { .mobileOnly { display:none !important; } } @media screen and (min-width:20px) and (max-width:749px) { .hideOnMobile { display:none !important; } } h1, h2, h3, h4, h5, h6 { color: #053C5B; font-weight:700; line-height:1.3em; margin: 0 0 1em; padding-top:0.73em; } h1 { font-size:3.6rem; } h2 { font-size:3.0rem; } h3 { font-size:2.4rem; } h4 { font-size:2.0rem; } h5 { font-size:1.8rem; } h6 { font-size:1.6rem; } /* Tablet */ @media screen and (min-width:750px) and (max-width:1024px) { h1 { font-size:3.0rem; } h2 { font-size:2.4rem; } h3 { font-size:2.0rem; } h4 { font-size:1.8rem; } h5 { font-size:1.6rem; } h6 { font-size:1.5rem; } } /* Phone */ @media screen and (min-width:20px) and (max-width:749px) { h1 { font-size:2.4rem; } h2 { font-size:2.1rem; } h3 { font-size:1.8rem; } h4 { font-size:1.6rem; } h5 { font-size:1.5rem; } h6 { font-size:1.4rem; } } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:inherit; } /* Text Colors */ .white { color: #fff; } .lightBlue { color: #006fad; } .blue { color: #053c5b; } .red { color: #98002e; } /* Button Styling */ .button, button, input[type="button"], input[type="submit"], a.editorbutton, .editorbutton a { -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; border: 0; outline:0; line-height:1.3em; height:auto; font-weight: bold; border-radius:3px; padding: .7505em 1em; background: #006FAD; color:#fff; font-size:1.6rem; display:inline-block; -moz-transition:all 0.21s ease-in-out; -webkit-transition:all 0.21s ease-in-out; transition:all 0.21s ease-in-out; } .button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover, a.editorbutton:hover, .editorbutton a:hover { background: #0076a9; color:#fff; } /* Button Colors */ .button.white, a.editorbutton.white, .editorbutton.white a { background:#fff; color: #394a59 } .button.white:hover, a.editorbutton.white:hover, .editorbutton.white a:hover { background: #253746; color:#fff; } .button.blue, a.editorbutton.blue, .editorbutton.blue a { background: #053c5b; } .button.blue:hover, a.editorbutton.blue:hover, .editorbutton.blue a:hover { background: #0076a9; } .button.lightBlue, a.editorbutton.lightBlue, .editorbutton.lightBlue a { background: #006fad; } .button.lightBlue:hover, a.editorbutton.lightBlue:hover, .editorbutton.lightBlue a:hover { background: #0076a9; } .button.red, a.editorbutton.red, .editorbutton.red a { background: #98002E; } .button.red:hover, a.editorbutton.red:hover, .editorbutton.red a:hover { background: #a8133e; } .button.green, a.editorbutton.green, .editorbutton.green a { background: #19b111; } .button.green:hover, a.editorbutton.green:hover, .editorbutton.green a:hover { background: #6bc04b; } .button.light { color: #006fad; border-style: solid; border-width: 1px; background-color: white; padding: 12px 40px; } /* Outline Style */ .button.outline, button.outline, input[type="button"].outline, input[type="submit"].outline, a.editorbutton.outline, .editorbutton.outline a {border: 2px solid #006FAD; color: #006FAD; background:transparent; padding: calc(.7505em - 2px) calc(1em - 2px);} .button.outline:hover, button.outline:hover, input[type="button"].outline:hover, input[type="submit"].outline:hover, a.editorbutton.outline:hover, .editorbutton.outline:hover a {border-color: #0076a9; background: #0076a9; color: #fff; } hr { border: 0; height:1px; background:#e2e2e2; margin:15px 0; } /* Global Classes for Specific Uses */ #tinymce { margin:0; line-height:1.8em; } .alignLeft { float:left; margin: 0 15px 15px 0; } .alignRight { float:right; margin: 0 0 15px 15px; } .animateAll { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .collapsibleHeader { padding:10px; cursor:pointer; text-align:left; border-bottom: solid; border-width: 2px; border-color: #d6d6d6; } .collapsibleHeader span.fa { margin-right:16px; } .collapsibleContent { margin:15px 0; padding:0 15px; display:none; overflow:hidden; } .noscroll { overflow: hidden; } .noPaddingTop { padding-top: 0; } .noPaddingBottom { padding-bottom: 0; } .clear { clear:both; } .boxShadow { box-shadow: 0 1px 1px rgba(0,0,0,0.15), 0 2px 2px rgba(0,0,0,0.15), 0 4px 4px rgba(0,0,0,0.15), 0 8px 8px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15), 0 2px 2px rgba(0,0,0,0.15), 0 4px 4px rgba(0,0,0,0.15), 0 8px 8px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15), 0 2px 2px rgba(0,0,0,0.15), 0 4px 4px rgba(0,0,0,0.15), 0 8px 8px rgba(0,0,0,0.15); } section { display: block; position: relative; overflow: hidden; padding: 50px 0; } section .wrapper { z-index:10; background:#fff; box-sizing: border-box; } section .wrapper > h2 { border-bottom: 1px solid #D9D9D9; text-transform: uppercase; padding-bottom: 1em; margin-top: 0; padding-top: 0; } .flexRow { display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; margin: 0 -15px; } .flexRow.alignTop { align-items: flex-start } .flexRow.reverse { flex-direction:row-reverse; } .flexItem { flex:1 1 100%; padding:0 15px; box-sizing:border-box; } .flexItem.oneSixth { flex-basis:calc(16.666% - 30px); } .flexItem.oneFifth { flex-basis:calc(20% - 30px); } .flexItem.oneFourth { flex-basis:calc(25% - 30px); } .flexItem.oneThird { flex-basis:calc(33.333% - 30px); } .flexItem.oneHalf { flex-basis:calc(50% - 30px); } .flexItem.twoThirds { flex-basis:calc(66.666% - 30px); } .flexItem.threeFourths { flex-basis:calc(75% - 30px); } .flexItem.centerEverything { justify-content: center; align-items: center; text-align: center; } .flexRow.forceGrid { align-items:stretch; justify-content:flex-start; } .flexRow.forceGrid .flexItem { flex-grow:0 !important; box-sizing:content-box; } .flexItem img { max-width:100% ; height:auto ; } /* Default Colors Gradient Background */ .gradientBackground { color: #fff; background: #053c5b; /* Old browsers */ background: -moz-linear-gradient(left, #053c5b 0%, #98002e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #053c5b 0%,#98002e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #053c5b 0%,#98002e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053c5b', endColorstr='#98002e',GradientType=1 ); /* IE6-9 */ } /* Phone */ @media screen and (min-width:20px) and (max-width:749px) { .unfloat { display:block; width:100% !important; margin-left:0 !important; margin-right:0 !important; padding:0; float:none !important; clear:both; } .flexRow { margin:0; display:block; } .flexRow .flexItem { padding:0; margin:0 0 10px; } .flexRow.flexItem.oneHalf.email { flex-direction: column; } .flexRow.headingWithFilter > * { text-align:center; padding:0 0 15px !important; } .flexRow.headingWithFilter::after { display:none; } table.responsive, table.responsive tbody, table.responsive tr, table.responsive th, table.responsive td { display:block; } table.responsive thead { display:none; } table.responsive tr { border-bottom: 2px solid rgba(0, 0, 0, 0.1); } footer.mainFooter .flexRow.footerContact { flex-direction: column; align-items: flex-start; } footer.mainFooter .flexRow .flexItem.footerContact .email { margin-bottom: 0; } footer.mainFooter .flexRow .flexItem.socialMenu { margin-bottom: 0; } footer.mainFooter .footerSocial ul { width: 100%; } footer.mainFooter .flexRow .flexItem.email { margin-bottom: 0; } footer.mainFooter .flexItem.contactInfo { margin-bottom: 0; } footer.mainFooter .footerSocial { text-align: center; } footer.mainFooter .flexRow { display: flex; margin: 0; padding: 0; } footer.mainFooter > .flexItem { margin-bottom: 0; } footer.mainFooter .footerSocial ul > li { width: 23px; margin: 0 5px; } } /* Header -------------------------------------- */ header.mainHeader { display: block; width: 100%; position: relative; } header.mainHeader .wrapper { max-width:1320px; } header.mainHeader .topUtility { display: block; position: relative; width: 100%; height: 55px; z-index: 50; } header.mainHeader .topUtility .wrapper { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; height: 100%; } header.mainHeader .topUtility nav.utility { display: flex; justify-content: flex-end; align-items: flex-end; text-align: right; flex-grow: 1; } header.mainHeader .topUtility nav.utility a { color: #fff; font-weight: 600; display: block; position: relative; padding: 10px; } header.mainHeader .topUtility nav.utility a:after { width: 0; opacity: 0; height: 2px; background: #98002E; content: ''; display: block; margin: 0 auto; position: absolute; bottom: 5px; left: 0; right: 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } header.mainHeader .topUtility nav.utility a:hover:after { width: 100%; opacity: 1; } header.mainHeader .topUtility nav.utility ul { margin: 0; padding: 0; display: inline-block; width: 100%; } header.mainHeader .topUtility nav.utility ul > li { list-style-type: none; display: inline-block; margin-right: 5%; } header.mainHeader .topUtility .utilitySearch {} header.mainHeader .topUtility .utilitySearch > form { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } header.mainHeader .topUtility .utilitySearch input[type="text"], header.mainHeader .topUtility .utilitySearch input[type="text"]:focus { max-width: 146px; height: 36px; padding: 0 15px; border: none; border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; background: rgba(255,255,255, 0.25); color: #fff; font-weight: 600; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } header.mainHeader .topUtility .utilitySearch input[type="text"]::placeholder { color: #fff; } header.mainHeader .topUtility .utilitySearch button[type="submit"] { height: 36px; padding: 0 15px; font-weight: 400; font-size: 1em; line-height: 36px; border-radius: 0px 2px 2px 0px; -webkit-border-radius: 0px 2px 2px 0px; -moz-border-radius: 0px 2px 2px 0px; background: #fff; color: #063C5B; } header.mainHeader .bottomHeader { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 90px; width: 100%; position: relative; z-index: 90; background: #fff; } header.mainHeader .bottomHeader .wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; } #logo { display: block; width: 212px; margin: 0 50px 0 0; padding: 0; flex-grow: 0; } /* Phone */ @media screen and (min-width:20px) and (max-width:749px) { header.mainHeader .bottomHeader { height: 70px; } } @media screen and (min-width:20px) and (max-width:749px) { #logo { width: 155px; } } /* Tablet */ @media screen and (min-width:750px) and (max-width:959px) { #header {} } /* Homepage ------------------------------------ */ /* Homepage Slideshow -------------------------- */ #homepageSlideshow { display: block; width: 100%; height: 0; padding: 0 0 40% 0; margin: 0; position: relative; z-index: 0; } #homepageSlideshow .wrapper:after { display: block; position: absolute; content: ''; z-index: 10; bottom: 0; width: 100%; height: 50%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,000000+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } #homepageSlideshow .slideshow { display: block; position: relative; z-index: 0; } #homepageSlideshow .wrapper { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; width: 100%; max-width: 100%; height: 100%; background: none; padding: 0; position: absolute; z-index: 100; } #homepageSlideshow .slide { display: block; position: relative; width: 100%; margin: 0; padding: 0 0 40% 0; z-index: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff; } #homepageSlideshow .slide .title { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; width: 96%; max-width: 1150px; height: 100%; margin: 0 auto; padding-bottom: 50px; position: relative; z-index: 11; overflow: hidden; } #homepageSlideshow .slide h2, #homepageSlideshow .slide h3 { display: block; position: relative; max-width: 65%; color: #fff; line-height: 1em; margin: 0; padding: 0; } #homepageSlideshow .slide h2 { display: inline-block; font-size: 3em; line-height: 1.2em; margin-bottom: 1.2rem; text-transform: uppercase; left: -100%; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; } #homepageSlideshow .slide.cycle-slide-active h2 { left: 0; } #homepageSlideshow .slide h3 { font-size: 1.6em; line-height: 1.2em; font-weight: 300; opacity: 0; bottom: -100%; transition: all 1.3s ease-in-out; -webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; } #homepageSlideshow .slide.cycle-slide-active h3 { bottom: 0; opacity: 1; } #homepageSlideshow .prevNext { display: inline-block; position: absolute; color: #fff; font-size: 3.5em; z-index: 101; right: 5%; bottom: 5%; } #homepageSlideshow .prevNext > span { margin-right: 20px; cursor: pointer; } #homepageSlideshow .prevNext > span:last-child { margin-right: 0; } #homepageSlideshow .prevNext > span.cycle-pager-active { color: #98002e; } /* Articles */ .super_blogModule .image { border-radius:8px; padding-bottom:66.66%; background-repeat:no-repeat; background-position:center; background-size:cover; } .super_blogModule .author { font-style:italic; } .super_blogModule .author span { text-decoration:underline; } .super_blogModule .meta { font-size:1.3rem; text-transform:uppercase; } .super_blogModule .category { font-weight:bold; color:#006FAD; } .super_blogModule h3 { margin: 0.2em 0 0.4em; padding:0; } .super_blogModule .featured { position:relative; margin-bottom:80px; border-radius:8px; background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff; min-height:650px; } .super_blogModule .featured .text { position:absolute; left:0; right:0; bottom:0; border-bottom-left-radius:8px; border-bottom-right-radius:8px; padding:70px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */ } .super_blogModule .featured .text * { color:inherit; } .super_blogModule .featured h3 { font-size:4.2rem; text-transform:uppercase; } .super_blogModule .featured .summary { margin: 0.5em 0; font-size:1.8rem; } .super_blogModule .listerItem { border-bottom:none; margin-bottom:4em; padding-left:15px; padding-right:15px; } .super_blogModule .listerItem:empty { display:none; } .super_blogModule .listerItem.sponsored { position:relative; border: 1px solid #E3E3E3; border-radius:8px; background-color:#F5F5F5; padding-top:15px; padding-bottom:15px; } .super_blogModule .listerItem.sponsored::before , .super_blogModule .featured.sponsored::before { content:'Sponsored'; position:absolute; top:0; left:0; border-top-left-radius:8px; padding: 0.5em 1em; background-color:#98002E; color:#FFF; font-weight:bold; } .super_blogModule .listerItem .pinned { color:#47758f; } .super_blogModule .listerItem .summary { margin: 0.5em 0; } .super_blogModule .listerItem.bannerAd { text-align: center; } .topBanner { text-align: center; margin: 1rem 0; } .newsLister.bannerAd { text-align: center; } /* Articles Carousel */ #articleList.carousel .listerItem { display: block; width: 45%; margin: 0 2rem; } #recommended, #related { background-color:#F5F5F5; } #recommended:empty, #related:empty { display:none; } #recommended .wrapper, #related .wrapper { background-color:transparent; } .articles article.sponsored { } .articles .meta { margin-bottom:1em; } .articles .image { position:relative; } .articles article.sponsored .image::before { content:'Sponsored'; position:absolute; top:0; left:0; border-top-left-radius:8px; padding: 0.5em 1em; background-color:#98002E; color:#FFF; font-weight:bold; } .articles .author { padding:1em; color:#fff; } .articles .author img { width:30px; border-radius:50%; vertical-align:middle; margin-right:10px; } .articles.homepage article { margin: 1em 0; } .articles.homepage article h3 { font-size:1.8rem; } .articles.homepage article.large h3 { font-size:3.2rem; } .super_blogModule.moduleLister .pagination { display:none; } .super_blogModule.moduleDetail .tags a { margin-right:1em; border-radius:0; padding: 1em 2em; background-color:#98002E; color:#FFF; font-weight:bold; font-size:1.4rem; text-transform:uppercase; } .super_blogModule.moduleDetail h1 { margin: 0.5em 0 0.6em; padding:0; font-size:4.2rem; text-transform:uppercase; } .super_blogModule.moduleDetail .author { color:#000; } .super_blogModule.moduleDetail .article { line-height:35px; } .super_blogModule.moduleDetail .subscribe { float:left; } .super_blogModule.moduleDetail .subscribe a { color:inherit; border-bottom: 0 none; font-weight:bold; } .super_blogModule.moduleDetail .subscribe img { vertical-align:bottom; } .super_blogModule.moduleDetail .share { float:right; font-weight:bold; } .super_blogModule.moduleDetail .share a { margin-left:1em; vertical-align:middle; font-size:20px; cursor:pointer; } .super_blogModule.moduleDetail .bannerAds { margin-top:50px; text-align: center;} .super_blogModule.moduleDetail .bannerAds .flexItem { flex: 0 1 auto; } /* Industries */ #homepageIndustires, #homepageIndustires .wrapper { background-color: #053C5B; color: #fff; } #homepageIndustires .wrapper > h2 { color: #fff; } #homepageIndustires .industriesNavControl { display: flex; width: 100%; position: relative; z-index: 10; justify-content: center; align-items: stretch; background-color: #fff; height: 100%; border-radius: 0 8px 8px 0; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; } #homepageIndustires .industriesNavControl ul { display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; list-style-type: none; margin: 0; padding: 0; width: 100%; position: relative; z-index: 0; background: #fff; border-radius: 0 8px 8px 0; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; } #homepageIndustires .industriesNavControl ul > li { display: block; width: 106%; font-size: 1.9rem; position: relative; padding: 0; left: -3%; color: #053C5B; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } #homepageIndustires .industriesNavControl ul > li:after { display: flex; width: calc(100% - 33px); left: 3%; justify-content: center; position: relative; z-index: -1; margin: 0; padding: 0; content: ''; height: 1px; background: #D9D9D9; } #homepageIndustires .industriesNavControl ul > li.active:after, #homepageIndustires .industriesNavControl ul > li:last-child:after { display: none; } #homepageIndustires .industriesNavControl ul > li > a { color: #053C5B; font-weight: 600 !important; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; padding: 25px 40px; } #homepageIndustires .industriesNavControl ul > li.active { background: #98002E; color: #fff; } #homepageIndustires .industriesNavControl ul > li.active a { color: #fff !important; font-weight: 600 !important; } #homepageIndustires .industriesNavControl ul > li:hover { background: #98002E; color: #fff; } #homepageIndustires .industriesNavControl ul > li:hover > a { color: #fff; } #homepageIndustires .industriesNavControl ul > li:hover path, #homepageIndustires .industriesNavControl ul > li.active path { background-color: #fff; fill: #fff; } #homepageIndustires .industriesNavControl .icon { display: inline-block; width: 30px; margin-right: 10px; } .industriesLister { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin: 0; padding: 0; } .industriesLister .flexItem { padding: 0; margin: 0; height: 430px; } .industriesLister .flexItem.oneHalf { width: 50%; flex-basis: 50%; margin: 0; padding: 0; border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; } .industriesLister .flexItem.oneThird { flex-basis: 33.333%; padding: 0; margin: 0; } .industriesLister .figureImageLink { } .industriesLister figure { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; height: 100%; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: auto; border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; } .industriesLister figure .caption { display: block; overflow: hidden; position: absolute; z-index: 1; bottom: 0; left: -100%; opacity: 0; right: 0; width: 100%; color: #fff; padding: 30px; box-sizing: border-box; border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; -moz-border-radius: 0 0 0 8px; } .industriesLister figure .caption.active { opacity: 1; left: 0; } .industriesLister figure .caption h3, .industriesLister figure .caption h4 { position: relative; color: #fff; margin: 0 0 0 -105%; padding: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .industriesLister figure .caption.active h3, .industriesLister figure .caption.active h4 { margin: 0; } .industriesLister figure .caption h3 { font-weight: 600; } .industriesLister figure .caption h4 { font-weight: 100; } .industriesLister .bottomGradient { display: block; position: absolute; z-index: 0; bottom: 0; left: 0; right: 0; height: 25%; border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; -moz-border-radius: 0 0 0 8px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } /* Homepage Wide Banner Ad Ribbon -------------- */ .homepageWideBanner {} .homepageWideBanner .wrapper {} /* Homepage CTA Image and Text Ribbon ---------- */ .ctaImageTextRibbon {} .ctaImageTextRibbon .flexRow { height: 100%; margin: 0; justify-content: stretch; align-items: stretch; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; overflow: hidden; } .ctaImageTextRibbon .flexItem.oneHalf { margin: 0; padding: 0; } .ctaImageTextRibbon .ctaImageBG { display: block; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; } .ctaImageTextRibbon .ctaImageBG .caption { display: block; position: relative; color: #fff; position: absolute; top: 30px; left: 0; right: 0; padding: 30px; box-sizing: border-box; } .ctaImageTextRibbon .ctaImageBG .caption h2, .ctaImageTextRibbon .ctaImageBG .caption h3 { color: #fff; margin: 0; padding: 0; } .ctaImageTextRibbon .ctaImageBG .caption h2 {} .ctaImageTextRibbon .ctaImageBG .caption h3 {} .ctaImageTextRibbon .ctaImageBG .topGradient { display: block; position: absolute; width: 100%; top: 0; left: 0; right: 0; height: 35%; margin: 0; padding: 0; border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+1,7db9e8+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.99) 1%, rgba(125,185,232,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.99) 1%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.99) 1%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */ } .ctaImageTextRibbon .ctaText { background-color: #053C5B; color: #fff; box-sizing: border-box; } .ctaImageTextRibbon .ctaText h2, .ctaImageTextRibbon .ctaText h3 { color: #fff; } .ctaImageTextRibbon .ctaText h2 { margin: 0; padding: 0; } .ctaImageTextRibbon .ctaText h3 { margin: 0 0 1rem 0; padding: 0; font-size: 1.8rem; font-style: italic; } .ctaImageTextRibbon .ctaText a { color: #fff; font-weight: 600; } .ctaImageTextRibbon .ctaText a.button, .ctaImageTextRibbon .ctaText .button a { font-weight: 400; } .ctaImageTextRibbon .ctaText a:hover { } .ctaImageTextRibbon .ctaText > .content { padding: 60px 50px; } /* Homepage Connect, Contact, and Banner Ad Ribbon ------ */ .connectContactBannerRibbon { padding-top: 0; } .connectContactBannerRibbon h3 { text-transform: uppercase; } .connectContactBannerRibbon .ctaText { } .connectContactBannerRibbon .flexItem.oneThird { padding: 0 60px; } .connectContactBannerRibbon .footerNewsletterSignup { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .connectContactBannerRibbon .footerNewsletterSignup input[type="text"] { max-width: 200px; font-weight: 100; height: 45px; padding: 10px 15px; border: none; border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; background: #F2F2F2; color: #363636; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .connectContactBannerRibbon .footerNewsletterSignup input[type="text"]::placeholder { color: #363636; } .connectContactBannerRibbon .footerNewsletterSignup button[type="submit"] { height: 45px; padding: 0 15px; font-weight: 400; font-size: 1em; line-height: 45px; border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; background: #006FAD; color: #fff; } /* Menus --------------------------------------- */ /* +++ Main Menu +++ */ nav.mainMenu { display: block; width: 100%; height: 100%; flex-grow: 1; margin: 0px; padding: 0px; } nav.mainMenu ul { display: block; list-style-type: none; margin: 0; padding: 0; } nav.mainMenu li { display: block; list-style-type: none; margin-top: 0; margin-bottom: 0; } nav.mainMenu a { display: block; color: #053C5B; } nav.mainMenu li > ul { display: none; } /* nav.mainMenu ul > li:hover > ul { display: block; } */ /* Level 1 */ nav.mainMenu > ul { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; width: 100%; height: 100%; position: relative; } nav.mainMenu > ul > li { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 0; height: 100%; } nav.mainMenu > ul > li.item1 { padding-left: 0; } nav.mainMenu > ul > li > a { font-size: 1.8rem; position: relative; padding: 10px; margin: 0 25px; text-transform: uppercase; font-weight: 900; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } nav.mainMenu > ul > li > a:hover { color: #98002E; } nav.mainMenu > ul > li > a:last-child { margin-right: 0; } /* nav.mainMenu > ul > li > a:after { width: 0; opacity: 0; height: 2px; background: #98002E; content: ''; display: block; margin: 0 auto; position: absolute; bottom: 5px; left: 0; right: 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } nav.mainMenu > ul > li > a:hover:after { width: 100%; opacity: 1; } */ /* Level 2 */ nav.mainMenu > ul > li > ul { position: absolute; z-index: 10; top: 100%; left: 0; right: 0; width: 100%; padding: 20px 0; } nav.mainMenu > ul > li.flyleft > ul { left: auto; right: 10px; } nav.mainMenu > ul > li > ul > li { text-align: left; padding: 0 30px; display: inline-block; } nav.mainMenu > ul > li > ul > li > a { font-size: 1.8rem; padding: 6px 5px; } nav.mainMenu > ul > li > ul > li:hover > a { color: #98002E; } #subMenu { background: rgba(255,255,255, 0.9); -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25); display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; position: absolute; z-index: 20; top: 0; left: 0; right: 0; width: 100%; transition: all 0.5s ease-in-out; } #subMenu.active { top: 145px; } nav.subMenuJS { display: block; position: relative; margin: 0 auto; max-width: 80%; } nav.subMenuJS a { display: block; padding: 10px; box-sizing: border-box; } nav.subMenuJS ul { margin: 1em; padding: 0; list-style-type: none; display: none; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; transition: all 0.3s ease-in-out; opacity: 0; } nav.subMenuJS ul.active { display: flex; opacity: 1; transition: all 0.3s ease-in-out; } nav.subMenuJS ul > li { display: inline-block; margin: 0; padding: 0; min-width: 25%; } /* Level 3 and Beyond*/ nav.mainMenu > ul > li > ul > li > ul { display: none; } nav.subMenuJS ul > li > ul {display:none;} /* nav.mainMenu > ul > li > ul >li ul { position: absolute; top: -8px; left: 100%; width: 250px; padding: 8px 0; background: #141e26; border-left: 2px solid #0e141a; } nav.mainMenu > ul > li.flyleft > ul > li ul { right: 100%; left: auto; } nav.mainMenu > ul > li > ul > li ul > li { padding: 0 15px; } nav.mainMenu > ul > li > ul > li ul > li > a { font-size: 1.4rem; padding: 6px 5px; } nav.mainMenu > ul > li > ul > li ul > li:hover > a { background: #eee; color: #1f5489; } */ /* --- Start: Mobile Menu Trigger Button --- */ #mobileMenuTrigger { display: block; position: absolute; left: 0.5rem; margin: 0; padding: 0; z-index: 11; } .mobileMenuButton { position: relative; display: inline-block; width: 30px; height: 30px; margin: 7px 0 0 7px; } .mobileMenuButton span { margin: 0 auto; position: relative; top: 12px; } .mobileMenuButton span:before, .mobileMenuButton span:after { position: absolute; content: ''; } .mobileMenuButton span, .mobileMenuButton span:before, .mobileMenuButton span:after { width: 30px; height: 2px; background-color: #fff; display: block; } .mobileMenuButton span:before { margin-top: -10px; } .mobileMenuButton span:after { margin-top: 10px; } .mobileMenuButton span { -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .mobileMenuButton.active span { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .mobileMenuButton span:before { -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s; } .mobileMenuButton.active span:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s; } .mobileMenuButton span:after { -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s; } .mobileMenuButton.active span:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s; } /* --- END: Mobile Menu Trigger Button --- */ /* Start: Mobile Navigation */ #mobileMenuContainer { display: block; position: absolute; z-index: 20; width: 100%; height: 0; top: 125px; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; } #mobileMenuContainer.active { } #mobileMenuContainer .mobileNav { display: flex; width: 100%; height: 0; justify-content: flex-start; align-items: center; flex-direction: column; margin: calc(-100vh - 125px) 0; padding: 0; box-sizing: border-box; background: rgba(5,60,91, 0.9); } #mobileMenuContainer .mobileNav.active { height: 100vh; margin: 0; } #mobileMenuContainer .mobileNav a { color: #fff; opacity: 0.9; padding: 10px 15px; text-transform: uppercase; } #mobileMenuContainer .mobileNav a:hover { background: rgba('0,0,0,'); } #mobileMenuContainer .mobileNav ul { display: flex; width: 80%; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: absolute; margin: 3em auto 0 auto; padding: 0; list-style-type: none; } #mobileMenuContainer .mobileNav ul > li { display: block; margin: 15px 0; padding: 0; } #mobileMenuContainer .mobileNav ul > li > ul { display: none; position: relative; width: 100%;} /* End: Mobile Navigation */ /* Pages Module */ main.page { display: block; width: 100%; position: relative; margin: 0; padding: 0; } /* Interior Styles ----------------------------- */ /* Footer -------------------------------------- */ footer.mainFooter { display: block; width: 100%; height: 100%; position: relative; margin: 0 auto; padding: 20px 0px 5px 0px; } footer.mainFooter .footerContact {} footer.mainFooter .footerContact a, footer.mainFooter .footerContact a:hover { color: #fff; } footer.mainFooter .footerIcon { display: block; position: absolute; margin: 3px 10px 0 0px; } footer.mainFooter .footerContact .phoneText, footer.mainFooter .footerContact .emailtext { margin-left: 35px; } footer.mainFooter .wrapper, footer.mainFooter .flexRow, footer.mainFooter .footerSocial, footer.mainFooter .footerSocial ul, footer.mainFooter .footerSocial ul > li, footer.mainFooter .footerSocial ul > li > a { height: auto; } footer.mainFooter .footerSocial { display: block; position: relative; text-align: right; } footer.mainFooter .footerSocial ul { margin: 0; padding: 0; } footer.mainFooter .footerSocial ul > li { list-style-type: none; display: inline-block; margin: 0 10px; } footer.mainFooter .footerSocial ul > li:last-child { margin-right: 0; } footer.mainFooter .copyright a {color: white;} footer.mainFooter.mobileOnly .footerSocial { text-align: center; } footer.mainFooter.mobileOnly .flexRow { display: flex; margin: 0; padding: 0; } footer.mainFooter.mobileOnly > .flexItem { margin-bottom: 0; } footer.mainFooter.mobileOnly .footerSocial ul > li { width: 23px; margin: 0 5px; } /*Resource Guide Styles -----------------------*/ .resource_guideModule {display: flex; flex-direction: row; min-height: 100%; align-items: stretch; scroll-behavior: smooth; } /*.resource_guideModule .stickySidebar{position: fixed; width:16.66667%; padding-right:10px; top: 0; bottom:0; margin-top: 155px;}*/ .resourceLeft.cell.medium-2 {width: 19.66667%;}/* {flex-basis: 20rem; flex-grow: 1; position: sticky; position: -webkit-sticky; top: 0; bottom: 0;}*/ .resourceLeft h5 {margin: 1px 0; padding: 2px;} .resourceLeft h5 a:focus {color:#97002E;} .resourceLeft p {font-size:1.2rem; padding: 0; margin:0; margin-left: 5px;} .resourceRight.cell.medium-6 { width: 70%; margin-left: 35px;}/* {flex-basis: 0; flex-grow:999;}*/ #resourceCategory {background: #97002E; color: #fff;} #stickySidebar.stick {position: fixed; top: 0; z-index: 10; border-radius: 0 0 0.5em 0.5em; width:16.66667%; max-width: 21.625rem;} #resourceCategory h4 {margin: 1px 0; padding: 2px; color: #fff;} #resourceCategory p {font-size:1.2rem;} .highlight {color: #96002E;} /* General Module Styles ----------------------- */ .moduleDetail { } .moduleLister { } div.listerItem { clear:both; margin: 1em 0 1.5em; padding-bottom:1.5em; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } div.listerItem::after { content:''; display:block; height:0; clear:both; visibility:hidden; } /* common elements across modules */ .label { font-weight:bold; margin-right:10px; } .title { } .description { } .blurb { padding-top:10px; } .thumbnail { } .info { } .author { } .date { } .time { } .imageLink { float:left; } .tags { } .tags a { background:#f2f2f2; border-radius:4px; font-size:1.3rem; color:#676767; display:inline-block; padding:3px 6px; margin:0 1px; } .utilityLinks { margin-top:25px; } .comments { margin-top:12px; } .comment { padding:10px; background:#f4f4f4; margin-bottom:15px; border: 1px solid #ccc; } .comment .info { color:#333; font-weight:600; margin-bottom:10px; } .listerItem .flexRow { align-items:flex-start; } .listerItem .flexItem.thumbnail { flex:0 0 230px; } .listerItem .thumbnail img { width:100%; height:auto; } .listerItem .listerContent.flexItem { flex: 1 1 20px; } .errorMessage { font-weight:bold; color:#f00; } .tagCloud { margin-bottom:30px; } .tagCloudBox { border: 2px solid #ddd; border-radius:4px; padding:12px; } .tagCloud a { background:#f2f2f2; border-radius:4px; font-size:1.3rem; color:#676767; display:inline-block; padding: 3px 6px; margin: 2px 1px; } .archive { margin-bottom:30px; } .archive .year { line-height:48px; margin:0; padding:0 22px 0; background: #053C5B; color:#fff; font-weight:400; font-size:1.8rem; } .archive .year a { color:#fff; } .archive .monthContainer { background: #005587; padding:5px 10px; } .archive .month a { display:block; line-height:18px; padding: 10px 12px 10px; color:#fff; font-size:1.6rem; font-weight:400; color:#fff; } .archive .month:hover { background:rgba(255,255,255,0.6); } .archive:first-child h2 { padding-top:0; } /* Pagination */ /* the page numbers .paginationText {display:none;}*/ .pagination { clear: both; display: block; } .pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; color:#434343;} .pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow, .pagination .prevnextLink {background-color: #f2f2f2;border: solid 1px #fff;margin:0;padding: 0.4em 0.7em;font-size: 1em;margin-right:2px;display:inline-block;border-radius: 5px;} .pagination .prevnextWindow:hover, .pagination .prevnextLink:hover, .pagination .prevnextWindowArrow:hover {border: solid 1px #253746;/*site color*/ color:#434343;} .pagination .prevnextCurrent {background: #253746;/*site color*/color:#ffffff;border:1px solid #253746;/*site color*/font-weight:bold;} .pagination .prevnextLink, .pagination .prevnextWindowArrow {} /* End Pagination */ /* End General Module Styles */ /* ModuleBegin::gendocs */ .webpageModule.moduleDetail { } /* ModuleEnd::gendocs */ /* Comments */ #addCommentSection textarea { height:200px; } #addCommentSection .g-recaptcha { margin-top:10px; } /* ModuleBegin::photo */ /* Photo Lister */ .photoModule.moduleLister { } .albumBox { border: 1px solid #ddd; border-radius:8px; padding:12px; box-sizing:border-box; position:relative; height:100%; } .albumBox .albumImage { display:block; width:100%; height:0; padding-bottom:86%; background-color:#ccc; background-position:center; background-repeat:no-repeat; background-size:cover; } .albumBox h5 { margin-bottom:8px; } /* Thumbnails */ .photoModule.thumbLister .flexItem { margin-bottom:30px; } .thumbnailItem { display:block; height:0; padding-bottom:86%; background-color:#ccc; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:4px; border: 4px solid #fff; box-shadow: 0 0 5px -2px rgba(0,0,0,0.54); } .thumbnailItem:hover { border-color:#053C5B; transition: border-color 0.1s ease; } /* ---- Events Small Calendar ---- */ .cal { text-align:center; position:relative; background:transparent; } .calTop { border-top:1px solid #65ab7c; height:38px; line-height:38px; background:rgb(34,133,67); background:-moz-linear-gradient(top, rgba(34,133,67,1) 0%, rgba(21,121,55,1) 100%); background:-webkit-linear-gradient(top, rgba(34,133,67,1) 0%,rgba(21,121,55,1) 100%); background:linear-gradient(to bottom, rgba(34,133,67,1) 0%,rgba(21,121,55,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#228543', endColorstr='#157937',GradientType=0 ); } .calTop a { color:#fff; } a.calPrev, a.calNext { display:block; position:absolute; top:0; width:42px; font-size:1.7rem; text-align:center; line-height:41px; height:38px; } .calPrev:hover, .calNext:hover { background:rgba(255,255,255,0.3); } .calPrev { left:0; border-right: 1px solid #0a6127; } .calNext { right:0; border-left: 1px solid #0a6127; } .calMonth { position:absolute; top:0; left:43px; right:43px; text-align:center; font-size:1.8rem; text-transform:uppercase; font-weight:bold; } .cal{ background:#fff; clear:both; width:100%; text-align:center; margin-left:auto; margin-right:auto; border-collapse:collapse; } .calGrid td { position:relative; color:#2e2e2e; font-weight:bold; width:14.2857%; font-size:1.5rem; height:41px; padding:0; vertical-align:middle; text-align:center; } .calGrid tr.calWeek { text-align:center; } .calGrid tr.calWeek td { font-weight:normal; color:#fff; font-size:1.2rem; height:33px; border-left:0; border-top:0; background:rgb(78,194,94); background:-moz-linear-gradient(top, rgba(78,194,94,1) 0%, rgba(66,181,81,1) 100%); background:-webkit-linear-gradient(top, rgba(78,194,94,1) 0%,rgba(66,181,81,1) 100%); background:linear-gradient(to bottom, rgba(78,194,94,1) 0%,rgba(66,181,81,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ec25e', endColorstr='#42b551',GradientType=0 ); } /* Small Calendar Only */ .cal.smallCalendar .calGrid td { border-left:1px solid #adadad; border-top:1px solid #adadad; } .cal.smallCalendar .calGrid tr.calWeek td { border-left:0; border-top:0; } .cal.smallCalendar .calGrid td:first-child { border-left:0; } .cal.smallCalendar .calGrid tr:first-child + tr td { border-top:0; } .cal.smallCalendar .calGrid td .glanceInner { display:none; position:absolute; transition: all 0.3s; opacity:0; position:absolute; bottom:20px; left:50%; margin-left:-60px; width:106px; background:#4cc05c; color:#fff; padding:5px 7px; font-size:1.1rem; line-height:17px; text-transform:uppercase; } .cal.smallCalendar .calGrid td.hovered .glanceInner, .calGrid td.active .glanceInner { opacity:1; bottom:38px; z-index:25; } .cal.smallCalendar .calGrid td .glanceInner a { color:#fff; } .cal.smallCalendar .calGrid td .glanceInner a:hover { text-decoration:underline; } .cal.smallCalendar .calGrid td .glanceInner .bottomTriangle { position:absolute; top:100%; border-bottom: 6px solid transparent; } .cal.smallCalendar .calGrid td .glanceInner .bottomTriangle.right { left:50%; border-left: 6px solid #4cc05c; } .cal.smallCalendar .calGrid td .glanceInner .bottomTriangle.left { right:50%; border-right: 6px solid #4cc05c; } .cal.smallCalendar .calGrid td.today { color:#177a38; } .cal.smallCalendar .calGrid td.activeday { cursor:pointer; } .cal.smallCalendar .calGrid td span.indicator { display:block; position:absolute; right:0; bottom:0; width:0; height:0; border-right: 12px solid #ccc; border-top: 12px solid transparent; } /* Large Calendar Only */ .cal.largeCalendar .calGrid td { padding:7px; vertical-align:top; text-align:left; height:100px; border-right: 1px solid #adadad; border-bottom: 1px solid #adadad; } .cal.largeCalendar .calGrid tr.calWeek td { border-right:0; border-bottom:0; text-align:center; height:auto; } .cal.largeCalendar .calGrid td .glanceInner { display:block; padding-top:7px; font-size:1.3rem; } .cal.largeCalendar .calGrid td:first-child { border-left: 1px solid #adadad; } .glanceInner a { margin-bottom:10px; display:block; } .calBottom { text-align:left; } .calMonthGlance { padding:5px 0 3px 0; } .calBottom a { } /* ---- Events Month at a Glance ---- */ #calendarDetail { margin-top:7px; padding-bottom:30px; width:100%; } #calendarDetail table { width:100%; table-layout:fixed; text-align:center; } #calendarDetail .calendarMonths { vertical-align:middle; padding-top:3px; padding-left:12px; width:100%; } #calendarDetail a { text-decoration:none; } #calendarDetail a:hover { text-decoration:underline; } #calendarDetail .calendarMonths a { display:block; font-weight:bold; font-size:1.2rem; padding:5px 0 5px 0; } #calendarDetail .calendarMonths a:hover { color:#000; } #calendarDetail .calendarDays { table-layout:fixed; background:#fff; width:100%; } #calendarDetail .calendarDays td { background:none; border-bottom: 1px solid rgba(0,0,0,.05); } #calendarDetail .calendarDays .title { font-weight:bold; color:#fff; padding: 10px 0 10px 0; background:#333; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background:#333; color:#fff; } #calendarDetail .title a { font-size:1.2rem; } #calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a { font-size:1.2rem; color:#fff; } #calendarDetail .calendarDays td { font-size:1.2rem; line-height:1.1em; } #calendarDetail .calendarDays .weekdays { height:30px; line-height:30px; background-color:#E8E8E8; } #calendarDetail .calendarDays .emptyDay { height:100px; text-align:left; vertical-align:top; background-color:#eee; background-color:rgba(0,0,0,0.02); } #calendarDetail .calendarDays .eventToday { height:100px; text-align:left; vertical-align:top; background-color:#eee; background-color:rgba(0,0,0,0.05); padding-left:5px; padding:5px; } #calendarDetail .calendarDays .eventOff { height:100px; text-align:left; vertical-align:top; padding-left:5px; padding:5px; } #calendarDetail .calendarDays .eventOn { height:100px; text-align:left; vertical-align:top; padding-left:5px; padding:5px; } /* ---- Events Box ---- */ .eventsModule.moduleLister.box { } .eventsModule.moduleLister.box .listItem { padding-bottom:10px; } .eventsModule.moduleLister.box .date { color:#777; } /* ---- Events Registration ----- */ form[name="eventTicketSelect"] { width:100%; display:block; margin-bottom:20px; } form[name="eventTicketSelect"] table { border: 1px solid #053C5B; border-collapse:collapse; border-spacing:0; margin-bottom:20px; } form[name="eventTicketSelect"] table td { border: 1px solid #053C5B; padding:4px 6px; } form[name="eventTicketSelect"] table thead td { background:#053C5B; color:#fff; font-weight:bold; padding:10px 6px; } .eventTicketTypeTitle { margin:20px auto; white-space:nowrap; border-top:1px solid #ccc; border-bottom: 1px solid #ccc; width:100%; text-align:center; padding:10px 0; } .ticketTypeSummary td { padding:5px 10px; } .ticketTypeSummary .ticketPriceTotal { text-align:right; font-size:2.0rem; font-weight:bold; } .ticketTypeSummary .ticketPriceTotal td { border-top: 1px solid #CCC; } .ticketQuantity, td.ticketTotal { text-align:center; } .repeatSection { } .eventTicketTypeTitle { counter-reset:attendee; } .attendeeLabel::after { counter-increment:attendee; content: ' ' counter(attendee); } .odd.repeatSection { } .odd.repeatSection.last { } #registrationSummary td { padding:1px 10px; } /* ModuleEnd::events */ /* ModuleBegin::membership */ #formLogin { margin:0 auto; border: 1px solid #e5e5e5; background:#f8f8f8; padding:20px; width:275px; border-radius:4px; } #formLogin h2 { padding-top:0; margin-top:0; } .memberLoginBox { margin:0 auto; } .memberLoginBox td { padding:0; } .memberLoginBox td input[type="text"], .memberLoginBox td input[type="password"] { background:#fff; } .memberLoginBox td input[type="checkbox"] { height:24px; } .membershipModule .search { } .membershipModule .companyInfo { margin:1em 0; } .membershipModule .companyInfo .name { } .membershipModule .companyInfo .jobTitle { } .membershipModule .address { margin:1em 0; } .membershipModule .contactInfo { margin:1em 0; } .membershipModule .contactInfo .phone { } .membershipModule .contactInfo .email { } .membershipModule .contactInfo .website { } .membershipModule .thumbnail { float:left; margin-right:20px; } /* ----- Membership Lister ----- */ .membershipModule.moduleLister { } .membershipModule.moduleLister .lister-item, .membershipModule.moduleLister .lister-content {align-items: center; flex: 1 1 50%; position: relative; display: flex; flex-flow: row wrap;} .membershipModule.moduleLister .lister-border-bottom .lister-item {border-bottom: 2px solid rgba(0,0,0,.1);} .membershipModule.moduleLister .lister-item {display: flex;flex-flow: row wrap;position: relative;clear: both; margin: 1em 0; padding-bottom: 1em; padding-top: 1rem;} .membershipModule.moduleLister .cell.medium-2 {width: 16.66667%;} .membershipModule.moduleLister .cell.medium-4 {width: 33.33333%;} .membershipModule.moduleLister .cell {padding-left: 0.9375rem; padding-right: 0.9375rem;} /* ---- Membership Detail ----- */ .membershipModule.moduleDetail { } .membershipModule.moduleDetail .gridx {display: flex; flex-flow: row wrap;} .membershipModule .detail-image { margin-right: 3rem;} .membershipModule .category {text-transform: uppercase; font-weight: 700;} .membershipModule.moduleDetail .detail-body {margin-top: 2rem;} /* ----- My Account ---- */ .membershipModule.myAccount { } .membershipModule.myAccount::after { content: ''; display:block; height:0; clear:both; visibility:hidden; } .membershipModule.myAccount { } .myAccountLinks { margin-top:35px; align-items:stretch; } .myAccountLinks .myAccountBox { border: 1px solid #ddd; border-radius:4px; padding: 12px 15px; height:100%; } .myAccountLinks h3 { padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px solid #eee; } .myAccountLinks .linkSection { } .myAccountLinks .linkSection a { display:block; padding:5px 0; } .myAccountLinks .button { text-align:center; padding-top:25px; } .myAccountLinks .button a { margin:0 0 10px; } .myaccountSidebar { margin-bottom:30px; } .myaccountSidebar .block { background:#253746; } .myaccountSidebar .block h4.title { background:#394a59; color:#fff; padding: 12px 15px 12px 40px; margin:0; position:relative; cursor:pointer; } .myaccountSidebar .block h4.title::after { display:block; position:absolute; font-family:'FontAwesome'; font-weight:normal; font-size:1.9rem; content:'\f196'; top:50%; left:12px; margin-top:-11px; height:24px; line-height:24px; } .myaccountSidebar .block.active h4.title::after { content:'\f147'; } .myaccountSidebar .block ul { margin:0; list-style:none; padding:0; color:#fff; height:auto; max-height:0; overflow:hidden; } .myaccountSidebar .block.active ul { max-height:2000px; padding:5px 0; transition:max-height 2s linear, padding 0.2s linear; } .myaccountSidebar .block ul li { display:block; margin:0; padding:6px 15px; } /* ----- My Account - Dispatch ( System Forms ) ---- */ #myaccount_form>div { text-align:left; width:100%; } .myaccountForm>table, .freedomAdminForm>table { width:100%; } .myaccountForm>table td, .freedomAdminForm>table td { vertical-align:top; } .myaccountForm>table td:first-child, .freedomAdminForm>table td:first-child { padding-top:14px; padding-right:12px; } .myaccountForm>table table, table.freedomTable { width:100%; border: 1px solid #ccc; background:#f8f8f8; margin:0; border-spacing:0; border-collapse:collapse; } .myaccountForm>table table td, table.freedomTable td, table.freedomTable th { vertical-align:middle; padding:8px 12px; } .myaccountForm>table table thead td, table.freedomTable thead th { background:#ccc; color:#000; } .myaccountForm>table table thead td *, table.freedomTable thead th * { color:#000; } .myaccountForm>table table thead td:first-child, table.freedomTable thead th:first-child { text-align:left; } table.freedomTable thead th.sort img { display:none; } table.freedomTable thead th.sort::after { position:relative; padding-left:3px; display:inline-block; font-family:'FontAwesome'; content:'\f0d7'} .editorLabel { display:inline-block; padding-bottom:15px; } .myaccountDetail table { color:#444; } .myaccountDetail .formtextRequired, .myaccountDetail .formtext { padding:5px 0; } .myaccountDetail .formtextRequired label { font-weight:bold; } .formButtons { padding-top:15px; } select.filterCombo { width:200px; } .imageBoxContainer { width:100%; background:#eee; padding:3px; line-height:38px; } .imageBoxContainer * { vertical-align:middle !important; text-align:center; } .imageBoxContainer .imageBox { border: 4px solid #fff; background:#f8f8f8; display:inline-block; width:auto; margin:8px; padding:12px; } .myaccountMessage { display:block; padding:18px; border: 2px dashed #777; background:#ddd; color:#000; font-size:1.6rem; line-height:22px; text-align:center; margin-bottom:18px; } .myaccountMessage::before { position:relative; padding-right:6px; font-size:1.8rem; display:inline-block; font-family:'FontAwesome'; } .myaccountMessage.defaultSuccess { background:#ECF6A6; border-color:#053C5B; } .myaccountMessage.defaultSuccess::before { content:'\f046'; color:#053C5B; top:1px; } .myaccountMessage.negative { background:#EFADAD; border-color:#BF2525; } .myaccountMessage.negative::before { content:'\f057'; color:#BF2525; } .myaccountMessage.alert { background:#FFD702; border-color:#000; } .myaccountMessage.alert::before { content:'\f071'; color:#000; } .myaccountLister { } .myaccountListerBack { } /* ModuleEnd::membership */ /* ModuleBegin::forms */ .formFieldWrapper { margin-bottom:15px; } .formFieldWrapper label.formLabel { display:block; font-weight:500; font-size:1.4rem; } label.formLabel.primaryLabel.formAlign_split { margin-bottom:12px; } .formFieldWrapper .flex_item label.formLabel { font-size:1.5rem; font-weight:normal; } .formFieldWrapper .formField { } .formLabel.formAlign_align { } .formField.formAlign_align { } .formLabel.formAlign_split,.formField.formAlign_split { } label.formLabel.formAlign_none, .formField.formAlign_none { display:inline-block; vertical-align:middle; } .formLabel.formAlign_none:not(.checkRadioLabel) { margin-right:30px; } .formLabel.formAlign_none.checkRadioLabel { margin-left:10px; } .formField.formAlign_none input:not([type='radio']):not([type='checkbox']), .formField.formAlign_none textarea, .formField.formAlign_none select { vertical-align:middle; width:250px; max-width:100%; } .formButtonWrapper { text-align:center; } .formButtonWrapper input[type="button"], .formButtonWrapper input[type="submit"] { width:auto; } /* basic calendar popup css */ #ui-datepicker-div { background:#fff; border: 2px solid #333; } .ui-datepicker { width:20em; display:none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background:#333; color:#fff; } .ui-datepicker .ui-datepicker-header a { color:#fff; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:0; width:70px; height:1.8em; } .ui-datepicker .ui-datepicker-prev { left:2px; text-align:left; } .ui-datepicker .ui-datepicker-next { right:2px; text-align:right; } .ui-datepicker .ui-datepicker-prev span { cursor:pointer; display:block; position:absolute; left:10px; top:50%; margin-top:-8px; } .ui-datepicker .ui-datepicker-next span { cursor:pointer; display:block; position:absolute; right:10px; top:50%; margin-top:-8px; } .ui-datepicker .ui-datepicker-title { margin:0 2.3em; line-height:1.8em; text-align:center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:45%; } .ui-datepicker table { width:100%; font-size:.9em; border-collapse:collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align:center; font-weight:bold; border:0; } .ui-datepicker td { border:0; padding:1px; } .ui-datepicker td span, .ui-datepicker td a { display:block; padding:0.2em; text-align:center; text-decoration:none; } .ui-datepicker .ui-datepicker-buttonpane { background-image:none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left:0; border-right:0; border-bottom:0; } .ui-datepicker .ui-datepicker-buttonpane button { float:right; margin: 0.5em 0.2em 0.4em; cursor:pointer; padding: 0.2em 0.6em 0.3em 0.6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* ModuleEnd::forms */ /* ModuleBegin::documents */ .documentsListWrapper { } .documentsListWrapper table { border: 1px solid #ccc; } .documentsRowOdd { } .documentsRowEven { background:#ccc; } .documentsListWrapper th { border-bottom:1px solid #ccc; } .documentsListWrapper td { padding:3px; } .documentsName { } .documentsDate { } .documentsSize { } /* ModuleEnd::documents */ /* ModuleBegin::commerce */ .shoppingAlert { color: red; font-size: 1.2rem; } .shoppingBody { font-size: 1.2rem; } .shoppingCartEvenRow { background-color: #ffffff; color:#002d62; } .shoppingCartOddRow { background-color: #ebebeb; color:#002d62; } .shoppingCartTableHeader { background-color: #002d62; color: #ffffff; font-size: 1.2rem; font-weight: bold; } .shoppingForm { } .shoppingFormQuantity { } .shoppingFormRequired { font-weight: bold; color:#002d62; } .shoppingFormRequired input, .shoppingFormRequired select { } .shoppingHeading { color:#002d62; } .shoppingInStock { } .shoppingItemHeading { } .shoppingOutOfStock { color: #dd0000; } .shoppingLowStock { } .shoppingTable { background-color: #e8e8e8; color:#002d62; } .shoppingTableBorder { background-color: #ffffff; } .shoppingFormRequired { width: 1%; } /* ModuleEnd::commerce */ /* Phone */ @media screen and (min-width:20px) and (max-width:749px) { .unfloat { display:block; width:100% !important; margin-left:0 !important; margin-right:0 !important; padding:0; float:none !important; clear:both; } .flexRow { margin:0; display:block; } .flexRow .flexItem { padding:0; margin:0 0 10px; } .flexRow.flexItem.oneHalf.email { flex-direction: column; } .flexRow.industriesLister { display: flex; } .flexRow.headingWithFilter > * { text-align:center; padding:0 0 15px !important; } .flexRow.headingWithFilter::after { display:none; } table.responsive, table.responsive tbody, table.responsive tr, table.responsive th, table.responsive td { display:block; } table.responsive thead { display:none; } table.responsive tr { border-bottom: 2px solid rgba(0, 0, 0, 0.1); } footer.mainFooter .flexRow.footerContact { flex-direction: column; align-items: flex-start; } footer.mainFooter .flexRow .flexItem.footerContact .email { margin-bottom: 0; } footer.mainFooter .flexRow .flexItem.socialMenu { margin-bottom: 0; } footer.mainFooter .footerSocial ul { width: 100%; } footer.mainFooter .flexRow .flexItem.email { margin-bottom: 0; } footer.mainFooter .flexItem.contactInfo { margin-bottom: 0; } footer.mainFooter .footerSocial { text-align: center; } footer.mainFooter .flexRow { display: flex; margin: 0; padding: 0; } footer.mainFooter > .flexItem { margin-bottom: 0; } footer.mainFooter .footerSocial ul > li { width: 23px; margin: 0 5px; } } /* iPhone 6, 7, & 8 */ @media screen and (max-width: 749px) and (min-width: 367px) { section { padding: 25px 0; } .mobileOnly { display: block !important; } .desktopOnly { display: none !important; } .hideOnMobile { display: none !important; } .ctaImageTextRibbon .ctaText > .content { padding: 30px 25px; } #homepageSlideshow, #homepageSlideshow .slide { padding-bottom: 60%; } #homepageSlideshow .slide .title { padding-bottom: 5%; width: 90%; } #homepageSlideshow .slide h2, #homepageSlideshow .slide h3 { width: 80%; max-width: 80%; } #homepageSlideshow .slide h2 { font-size: 1.6em; } #homepageSlideshow .slide h3 { font-size: 1em; } /* CTA Image with Text Component */ .ctaImageTextRibbon .flexItem.ctaImage { height: 250px; border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; } .ctaImageTextRibbon .ctaImageBG .topGradient { height: 50%; } #homepageIndustires .industriesNavControl ul > li { font-size: 1.3rem; } /* Hoempage Industries Lister */ #homepageIndustires .industriesNavControl ul, #homepageIndustires .industriesNavControl { border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; } .industriesLister { flex-wrap: wrap; } .industriesLister .imageContainer { order: 2; display: block; width: 100%; } .industriesLister .flexItem.oneHalf.imageContainer { height: 275px; order: 2; width: 100%; flex-basis: 100%; border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; } .industriesLister figure { border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; } .industriesLister .flexItem.navControl { height: 350px; } #homepageIndustires .industriesNavControl ul > li > a { padding: 15px 40px; } .industriesLister .bottomGradient { height: 50%; } #homepageIndustires .industriesNavControl ul > li:after { width: 94%; } } /* iPhone X, 11 */ @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) { section { padding: 25px 0; } .mobileOnly { display: block !important; } .desktopOnly { display: none !important; } .hideOnMobile { display: none !important; } #homepageSlideshow, #homepageSlideshow .slide { padding-bottom: 60%; } #homepageSlideshow .slide .title { padding-bottom: 5%; width: 90%; } #homepageSlideshow .slide h2, #homepageSlideshow .slide h3 { width: 80%; max-width: 80%; } #homepageSlideshow .slide h2 { font-size: 1.6em; } #homepageSlideshow .slide h3 { font-size: 1em; } #homepageIndustires .industriesNavControl ul > li > a { padding: 20px 40px; } } /* ----------- Tablet ----------- */ /* ----------- iPad 3, 4 and Pro 9.7" ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 813px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { /* CTA Image with Text Component */ .ctaImageTextRibbon .flexItem.ctaImage { border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; } .ctaImageTextRibbon .ctaImageBG .topGradient { height: 50%; } .ctaImageTextRibbon .ctaImageBG { height: 100%; } #homepageIndustires .industriesNavControl ul > li > a { padding: 20px 40px; } /* CTA Image with Text Component */ .ctaImageTextRibbon .flexItem.ctaImage { border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; } .ctaImageTextRibbon .ctaImageBG .topGradient { height: 60%; } .mobileOnly { display: none !important; } .desktopOnly { display: none !important; } .tabletOnly { display: block !important; } #homepageSlideshow, #homepageSlideshow .slide { padding-bottom: 35%; } #homepageSlideshow .slide .title { padding-bottom: 5%; width: 90%; } #homepageSlideshow .slide h2, #homepageSlideshow .slide h3 { width: 80%; max-width: 80%; } #homepageSlideshow .slide h2 { font-size: 1.6em; } #homepageSlideshow .slide h3 { font-size: 1em; } } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { nav.mainMenu > ul > li > a { font-size: 1.2rem; margin: 0 10px; } #homepageSlideshow .slide h2 { font-size: 2em; } #homepageSlideshow .slide h3 { font-size: 1.3em; } #homepageSlideshow .wrapper:after { height: 70%; } #homepageIndustires .industriesNavControl ul > li > a { padding: 20px 40px; } } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { } /* ----------- iPad Pro 10.5" ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) { .mobileOnly { display: none !important; } .desktopOnly { display: block !important; } .tabletOnly { display: block !important; } } /* Portrait */ /* Declare the same value for min- and max-width to avoid colliding with desktops */ /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/ @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { } /* Landscape */ /* Declare the same value for min- and max-width to avoid colliding with desktops */ /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/ @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { } /* ----------- iPad Pro 12.9" ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { .mobileOnly { display: none !important; } .desktopOnly { display: block !important; } .tabletOnly { display: block !important; } } /* Portrait */ /* Declare the same value for min- and max-width to avoid colliding with desktops */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { } /* Landscape */ /* Declare the same value for min- and max-width to avoid colliding with desktops */ @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { } /* Components */ .expandableSectionHeader { position:relative; margin:10px 0 0 0; padding:.4rem .4rem 1.4rem 4.75rem; cursor:pointer; border-bottom: solid; border-width: 2px; border-color: #d6d6d6; } .expandableSectionHeader::before{ content:'\f078'; position:absolute; top:.5rem;left:2rem; font-family:FontAwesome; font-size: 1.2rem; } .expandableSectionHeader.active::before{ content:'\f077' } .expandableContent{ overflow:hidden; display:none; } .contentBody { flex: 1 1 20px; width: auto; } .contentSidebar { padding: 2rem 7rem 0 0; } .editorContent.columnContent { display: flex; align-items: flex-start; } .columnContent.cell.medium-6 .expandableSectionHeader { width: 80%; } .columnContent.imageOnlyContent { text-align: center; } .columnContent h6 { color: #006fad; } .heroImage { background-position: 50% 50%; padding-top: 24rem; background-repeat: no-repeat; background-size: cover; position: relative; background-color: #053c5b; } .heroImage.withBackgroundImage { padding-bottom: 11rem; padding-top: 26rem; } .hiOverlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(to top, #000000, transparent 38%, transparent 71%, rgba(201, 255, 255, 0)); } .heroHeader{ color: #fff; } .heroContent { color:#fff; width: 68%; } .heroImage .button a { color: #fff; padding: 20px; } .buttonPrimary { background-color: #98002E } .buttonSecondary { background-color: #053C5B } .heroInner{ position: relative; z-index:1; } .heroButtonRight { display: flex; align-items: center; } .extraPadTop { padding-top:6rem } .extraPadBottom { padding-bottom:4rem } .moduleHeader { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin-bottom:1.5rem } .imageOnlyContent img { margin:0 auto; border-radius:4px; box-shadow:1px 3px 15px rgba(0,0,0,.3) } .grid-x.reversed { flex-direction:row-reverse } .columnContent p { width: 83%; } .basicContent .wrapper { background: unset; } .moduleHeader h2 { margin: 0; padding: 0; } .moduleHeader .left { justify-self:flex-start; } .moduleHeader .right { justify-self:flex-end; } .moduleHeader .center { justify-self:center } .columnContent.cell.medium-7 { width: 50%; } .editorContent.grid-x { display: flex; align-items: flex-start; } .editorContent.reversed { justify-content: space-between; } .grayBackground { background-color: #f5f5f5; } .darkBlueBackground { background-color: #053C5B; } .basicContent.darkBlueBackground { color: #fff; } .basicContent.darkBlueBackground a { color: #f5f5f5; text-decoration: underline; } .imageBottom { flex-flow:column-reverse; } .darkBlueBackground .editorContent { display: flex; /*align-items: baseline; */ } .darkBlueBackground h2 { color: #fff; } .darkBlueBackground h6 { color: #fff; } .heroImage .wrapper { background: unset; } .sub_menu { list-style: none; padding:0; } .grid-x.contentRow { display: flex; flex-flow: row-reverse; } .contentSidebar #subMenu { position: relative; width: 250px; } #subMenuTitle { font-size: 2rem; width: 60%; padding-top: 1rem; font-weight: bold; } .sub_menu li { padding: 1rem; font-size: 1.8rem; } @media only screen and (max-width: 834px) { .heroImage { padding-top: 0; } .heroContent { color: #fff; width: 100%; } .heroInner { text-align: center; } .heroImage .button { display: flex; width: 100%; justify-content: center; } .heroImage .wrapper { background: unset; display: flex; flex-flow: column; } .contentSidebar { display: none; } .editorContent.grid-x.grid-padding-x.grid-padding-y { display: flex; flex-flow: column; } .columnContent.cell.medium-7 { width: 100%; } .columnContent p { width: 100%; } } /* Knowledge Exhange */ .knowledge_exchangeModule.moduleLister { margin-top: 50px; } h1.title { padding-top:0.3em; text-align:center; } h2.subtitle { color:#6D5E87; font-weight:bold; padding-top:0; top:-0.9em; margin-bottom:0.5em; text-align:center; text-transform:uppercase; } h3.subtitle { text-align:center; } .datePicker { position:relative; } .datePicker .fa-calendar { position:absolute; top:15px; right:8px; } .knowledgeExchangeSearch .datePicker input { max-width: 120px; } .knowledgeExchangeSearch .datePicker .fa-calendar { position: relative; top: 0; left: 8px; } .flexItem.icon { align-items:center; flex: 0 0 50px; justify-content: center; padding:0; margin-right:15px; display:flex; flex-direction:column; } .flexRow.iconHeading { display: flex; flex-flow: row; margin-top: auto; } .iconHeading .flexItem.icon { margin-right: 15px; margin-top: auto; } .metaInfo { text-transform:uppercase; font-size: 1.8rem; } .metaCategory { font-size:1.6rem; font-weight:bold; color: #006fad; padding: 5px 0; text-transform: uppercase; } .itemHeading .metaCategory { padding: 5px 0 0; text-transform: uppercase; font-size: 1.3rem; } .rightText { text-align:right } .centerText { text-align:center; margin: 0 auto; } .orange { color:#f4793d; } .purple { color:#6d5e87; } .gray { color:#B7B7B7; } .knowledgeExchangeSearch .datePicker input { max-width: 120px; } .knowledgeExchangeSearch .datePicker .fa-calendar { position: relative; top: 0; left: 8px; } section.paddingOn { padding: 30px 0; } .lineHeading { margin:30px 0; border-bottom:2px solid #B7B7B7; position:relative; } .lineHeading .heading { color:#6D5E87; background:#ffffff; display:inline-block; font-size: 2.4rem; position:absolute; left:0; bottom:-15px; padding: 0 10px 0 0; text-transform:uppercase; } .lineHeading .heading.small { color:#B7B7B7; background:#ffffff; display:inline-block; font-size: 1.8rem; position:absolute; left:0; bottom:-10px; padding: 0 10px 0 0; text-transform:capitalize; } div.source { height:1px; } .memberSimpleSearch .flexRow .flexItem { padding: 0 0; } .memberSimpleSearch { margin:0 auto 60px auto; max-width:350px; position:relative; } .borderBox { background: #F1F2F2; border: 1px solid #B7B7B7; padding: 30px; margin: 12rem auto 30px auto; position: relative; width: 96%; max-width: 1170px; border-radius: 5px; box-shadow: 0px 1px 5px rgba(68, 68, 68, .4); } .clearSearch { font-size: smaller; line-height: 30px; position: absolute; background: #ffffff; border-left: 1px solid #B7B7B7; border-right: 1px solid #B7B7B7; border-top: 1px solid #B7B7B7; width: 221px; height: 36px; top: -37px; right: 0; text-align: center; padding-top: 3px; border-radius: 6px 6px 0 0; background-color: #e0e0e0; } .clearSearch a { font-weight: bold; font-size: 1.5rem; color: #053c5b; } .checkboxOptions { background: white; overflow-x: auto; height: 150px; border: 1px solid #bbb; padding: 10px; } .states .checkboxOptions { width: auto; } .checkboxOptions label { cursor: pointer; display:block } .resourceName { padding: 0; } .memberSimpleSearch #searchBoxInput { height: 4.4rem; } .flexItem.icon { font-size: 3rem; margin: 1% 10px auto 0; } .itemhead { display: flex; } .itemInfo { margin-left: 1%; } .itemFilter { color: #053c5b; font-weight: bold; } .button.itemLink { margin-left: 4rem; padding: 12px 40px; } .iconHeading .button { font-weight: normal; padding: 12px 40px; } .flexItem.itemHeading { padding: 0; } .itemHeading .button.light { color: #006fad; border-style: solid; border-width: 1px; background-color: white; } .itemHeading h4 { padding: 0; margin-bottom: 8px; } .button.filter { font-weight: normal; margin-top: 20px; } .searchSubheader.centerText { text-align: center; margin: 0 auto; font-weight: 700; font-size: 1.4rem; margin-bottom: 10px; color: #fff; position: relative; } #misc1_from { margin-bottom: 1.5rem; } .knowledgeExchangeBackground { background-color: #053c5b; position: absolute; width: 100%; height: 545px; } .title.knowledgeExchange { padding-top: 6rem; z-index: 2; position: relative; color: #fff; } .knowledge_exchangeModule.moduleDetail .button { display: flex; justify-content: center; margin: 0 auto; width: 100px; margin-top: 18px; } .knowledge_exchangeModule.moduleDetail .metaInfo { font-size: 1.2rem; font-weight: bold; color: #9E9E9E; } .knowledge_exchangeModule.moduleDetail h4 { padding-top: .5rem; } .detailCopy { margin-top: 4rem; } .button.wide.download { font-weight: normal; width: 14rem; } .title.knowledgeExchangeDetail { color: #fff; background-color: #053C5B; padding: 111px 0; font-weight: 900; } .flexItem.thumbnailDownloadInfo { display: flex; flex-flow: column; align-items: center; } .helpHeader { color: #98002E; margin-right: 2rem; } .heading.small.related { text-transform: uppercase; font-weight: bold; font-size: 1.3rem; color: #006fad; } /* Homepage Sponsors */ .sponsors{ margin: 4rem 0; } .sponsors .sectionTitleWords { font-size: 2rem; line-height: 3.75rem; } .sponsors .sectionTitleWords.h1 { margin-left: 2rem; } .sponsorCarousel { height:150px; width: 100%; margin-top: 50px; } .sponsorCarousel .flickity-button { color: #e6e6e6;} @media screen and (max-width:64em){ .sponsorCarousel .flickity-button{ top: -1rem;} } @media screen and (min-width:64em){ .sponsorCarousel .flickity-prev-next-button.next {right: -9rem;} .sponsorCarousel .flickity-prev-next-button.previous {left: -9rem;} } .sponsors .logo { display: flex; justify-content: center; align-items: center; width: 300px; height: 100%; } .sponsorCarousel img { display: block; max-width: 100%; } .sponsorHeaderContainer{ } .sponsorHeaderContainer.sectionTitle { margin: 0 auto; border-bottom: 1px solid #D9D9D9; text-transform: uppercase; } .sponsorScrollerHeader{ width: 385px; background-color: #fff; } .sponsorCarousel img { max-height: 150px; } .sponsorCarousel.flickity-enabled.is-draggable { background-color: #fff; } .eventsSponsorsScroller { margin: 0 auto; } @media screen and (max-width: 749px) { .sponsorScrollerHeader { width: unset; } .sponsors { margin: 0; } .sponsorHeaderContainer.sectionTitle { width: 100%; } } /* Staff Module */ .staff.lister-item { display: flex; background-color: #fff; border-radius: 10px; border-bottom: 3px solid #98002E; font-size: 18px; box-shadow: 0 0 15px rgb(0 0 0 / 15%); } .staffDirectoryLister { display: flex; flex-wrap: wrap; } .staffLister { width: 47%; margin: 1rem; } .staff .lister-image { width: 150px; } .lister-image { max-width: 400px; margin: 1rem; width: 300px; flex: 0 1 auto; margin-right: 2rem; text-align: center; } .staff .lister-image .thumbnail { width: 150px; height: 150px; overflow: hidden; margin-bottom: 1rem; border-radius: 8px; } .staff.lister-item.detail { display: inline-block; justify-content: center; align-items: flex-start; width: 38em; margin: 0 auto; } /* .detail .lister-image { margin: 0 auto; } */ .staffDetailContainer { padding: 3rem; } .staff.lister-item.detail .lister-image { width: unset; margin: 0 auto; } .staffDetailContainer .lister-image .thumbnail { width: 100%; height: 100%; } .staffDetailContent { text-align: center; } .staffDetailContent h3 { margin: 0; } .staffDetailContent p { margin: 0; } .staffLister a { color: #394a59; } .white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } .staffLister .lister-title { margin: 0; padding: 0; } .staffCategories { width: 100%; } .staffLister .eyebrow { font-weight: bold; color: #006FAD; } @media screen and (max-width: 39.9375em) { .staffLister { width: 93%; } .staff.lister-item { height: 21rem; } .staff.lister-item.detail { width: 100%; height: 100%; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .staffLister { width: 45%; } } /* Staff Module END */