.section-max { max-width:86%; margin:0 auto; } @media screen and (max-width: 1024px) { .section-max { max-width:94%; margin:0 auto; } } .section-shading1 { background:#0b3d92; color:#fff; } .section-shading1 a, .section-shading1 a:hover { color:#f1af01; text-decoration:underline; } .section-shading1 a.button, .section-shading1 input[type=submit], .section-shading1 a.button:hover, .section-shading1 input[type=submit]:hover { background:#fff !important; color:#0b3d92 !important; text-decoration:none; } .section-shading1 .required { color:#f1af01; } .section-shading1 h1, .section-shading1 h2, .section-shading1 h3, .section-shading1 h4, .section-shading1 h5, .section-shading1 h6 { color:#fff; } .section-shading2 { background:#a8acb5; color:#fff; } .section-shading2 a:not(.button), .section-shading2 a:not(.button):hover { color:#0b3d92; text-decoration:underline; } .section-shading3 { background:#f1af01; color:#fff; } .section-shading3 a:not(.button), .section-shading3 a:not(.button):hover { color:#0b3d92; text-decoration:underline; } .section-shading4 { background:#f5f5f5; color:#0b3d92; } .interior .section-shading4 a:not(.button), .interior .section-shading4 a:not(.button):hover { color:#0b3d92; text-decoration:underline; } .section-shading5 { background:#dde8f7; } .section-shading6 { background:#fff; color:#3d3d3d; } .section-shading6 a, .section-shading6 a:hover { } /* widget tweaks */ table[border='1'], table.altrowcolors td, table.altrowcolors th, ul.altrowcolors, ol.altrowcolors { padding:1em; } /** horizontal payment block **/ .frm-payment { background:initial; } .frm-section-contact, .frm-section-billing { box-sizing:border-box; background:#fff; padding:1em; flex: 1 1 50%; } .frm-section-contactbilling { background:#f5f5f5; display:flex; flex-wrap: wrap; width:100%; padding:0; margin-bottom:20px; } @media screen and (max-width: 768px) { .frm-section-contact, .frm-section-billing { display:block; width:100%; } } /* fancy close font awesome */ #fancybox-close { background: #000; position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.34); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.34); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.34); cursor: pointer; } #fancybox-close::before { color:#fff; content: "\f00d"; position: absolute; top: 6px; right: 9px; font: normal normal normal 16px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* top section */ .cartnav { display:none !important; } .section-header-mininav-bg { background:#a8acb5; color:#fff; line-height:1; } .section-header-mininav-bg__items { text-align:right; } .section-header-mininav-bg__items ul { list-style:none; display:inline-block; /*display:flex; align-items:stretch; justify-content: space-between; width:100%; */ margin:0; padding:0; } .section-header-mininav-bg__items ul li { display:inline-block; /*display:block; flex:1 1 auto; */ margin:0 1em; padding:0; } @media screen and (max-width: 1090px) { .section-header-mininav-bg__items ul li { margin:0 0.6em; } } .section-header-mininav-bg__items ul a, .section-header-mininav-bg__items ul a:hover { font-weight:600; color:#fff; line-height:3.2; } .section-header-mininav-bg__items .icon-about a { padding-left:30px; background:url(/files/C25A8D95-91A5-434B-A0D3-738C8FCD7539--DFB656C2-F0FE-447E-A2C5-B01DDAC88583/icon-info.svg) left center no-repeat; background-size:16px 16px; } .section-header-mininav-bg__items .icon-contact a { padding-left:30px; background:url(/files/C25A8D95-91A5-434B-A0D3-738C8FCD7539--BD1D96AF-2D44-4255-B4D6-BF33B808B6F9/icon-ask.svg) left center no-repeat; background-size:16px 16px; } .section-header-mininav-bg__items .icon-shop a { padding-left:30px; background:url(/files/C25A8D95-91A5-434B-A0D3-738C8FCD7539--1E76FC39-4A67-47E5-9007-6FDCB895DA7F/icon-shop.svg) left center no-repeat; background-size:16px 16px; } .section-header-mininav-bg__items .icon-find a { padding-left:30px; background:url(/files/C25A8D95-91A5-434B-A0D3-738C8FCD7539--00A7A77E-4185-4234-93A0-2C030499CC2A/icon-findmembers.svg) left center no-repeat; background-size:16px 16px; } .section-header-mininav-bg__items .icon-join a { padding-left:30px; background:url(/files/C25A8D95-91A5-434B-A0D3-738C8FCD7539--48FAE988-18C9-47B2-B9EE-64AE1174FA12/icon-join.svg) left center no-repeat; background-size:16px 16px; } .section-header-mininav-bg__items .icon-renew a { padding-left:30px; background:url(/files/C25A8D95-91A5-434B-A0D3-738C8FCD7539--437646A3-6158-444E-861B-0934B4CCEA28/icon-renew.svg) left center no-repeat; background-size:16px 16px; } .section-header-mininav-bg__items .icon-login a { padding-left:30px; background:url(/files/C25A8D95-91A5-434B-A0D3-738C8FCD7539--9CD2C258-2F4D-4909-AB9C-7E5D29E33800/icon-login.svg) left center no-repeat; background-size:16px 16px; } .section-header-mininav-bg__items .icon-ad_vert a { padding-left:30px; background:url(/files/C25A8D95-91A5-434B-A0D3-738C8FCD7539--28A7AF4B-3F7D-4CAD-B0B8-888B2D14483B/icon-ad-vert.svg) left center no-repeat; background-size:16px 16px; } .section-header-mininav-bg__items .icon-chapters a { padding-left:30px; background:url(/files/C25A8D95-91A5-434B-A0D3-738C8FCD7539--8FF70533-E59D-4465-B3B4-59698B091209/icon-chapters.svg) left center no-repeat; background-size:16px 16px; } .section-header-nav-bg__items__logo { max-width:100%; padding:8px 0; } @media screen and (max-width: 768px) { .section-header-nav-bg__items__logo { padding:8px 10px; } } .section-header-nav-bg__items__nav { text-align:right; } .section-header-nav-bg__items__nav > ul { list-style:none; margin:0; display:flex; align-items:stretch; justify-content: space-between; padding:0; overflow:visible; } .section-header-nav-bg__items__nav > ul > li > a { line-height:120px; } @media screen and (max-width: 1024px) { .section-header-nav-bg__items__nav > ul > li > a { line-height:100px; } } @media screen and (max-width: 768px) { .section-header-nav-bg__items { max-width:100%; } } .section-header-nav-bg__items__nav > ul > li { display:block; flex:1 1 auto; /*white-space:nowrap; */ text-align:center; margin:0; background:url(/files/C25A8D95-91A5-434B-A0D3-738C8FCD7539--AEA0BF3C-92A2-4F13-B4DD-171A696134C1/icon-nav.png) center bottom 20px no-repeat; } .section-header-nav-bg__items__nav ul li:hover, .section-header-nav-bg__items__nav ul li.active, .section-header-nav-bg__items__nav ul li.activehvr { } .section-header-nav-bg__items__nav > ul > li > ul { margin:0 0 0 0; padding:1em; background:#fff; border:2px solid #f1af01; box-shadow:0px 1px 6px 0 rgba(0, 0, 0, 0.3); overflow:visible; } @media screen and (max-width: 768px) { .section-header-nav-bg__items__nav > ul > li > ul { background:none; border:none; padding:0; } } .section-header-nav-bg__items__nav > ul > li > ul > * { text-align:left; } .section-header-nav-bg__items__nav > ul > li.chapter-top-nav ul li { max-width:180px; } .section-header-nav-bg__items__nav.menu > ul > li > ul { margin-top:-20px; } @media screen and (max-width: 768px) { .section-header-nav-bg__items__nav.menu > ul > li > ul { margin-top:0px; } } .section-header-nav-bg__items__nav.menu > ul > li > ul:not(.normal-sub) > li > a { text-transform:uppercase; font-weight:bold; padding: 0.5em 1em; } .section-header-nav-bg__items__nav.menu > ul > li > ul.normal-sub > li:hover, .section-header-nav-bg__items__nav.menu > ul > li > ul:not(.normal-sub) > li > ul > li:hover { background:#ebf1f6; } .section-header-nav-bg__items__nav.menu > ul > li > ul.normal-sub > li > a, .section-header-nav-bg__items__nav.menu > ul > li > ul:not(.normal-sub) > li > ul > li > a { padding: 0.5em 1em; } .section-header-nav-bg__items__nav.menu > ul > li > ul.normal-sub { width:380px; } @media only screen and (max-width: 959px) { .menu-mobile, .menu-dropdown-icon::before { display: none !important; } } /* .section-header-nav-bg__items__nav ul li a { color:#30398f; line-height:50px; font-size:1.1em; font-weight:600; padding:0; text-decoration:none; } .section-header-nav-bg__items__nav ul li a:hover, .section-header-nav-bg__items__nav ul li a.active, .section-header-nav-bg__items__nav ul li a.activehvr { color:#103b7e; background:#fff; } .section-header-nav-bg__items__nav ul li a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: -3px; left: 0; background-color: #30398f; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .section-header-nav-bg__items__nav ul li a:hover:before, .section-header-nav-bg__items__nav ul li a.active:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } .section-header-nav-bg__items__nav ul li ul { margin:0 0 0 0; padding:0; display:none; box-shadow:0px 1px 6px 0 rgba(0, 0, 0, 0.3); overflow:visible; } .section-header-nav-bg__items__nav ul li ul li { background:#024B8B; white-space:normal; border:1px solid #fff; width:215px; float:none; padding:0; margin:0; text-align:left; } .section-header-nav-bg__items__nav ul li ul li:hover, .section-header-nav-bg__items__nav ul li ul li.active, .section-header-nav-bg__items__nav ul li ul li.activehvr { width:215px; float:none; text-align:left; } .section-header-nav-bg__items__nav ul li ul li a { font-size:0.9em; line-height:25px; color:#fff; border:none; padding:4px 10px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .section-header-nav-bg__items__nav ul li ul li a:hover, .section-header-nav-bg__items__nav ul li ul li a.active, .section-header-nav-bg__items__nav ul li ul li a.activehvr { border:none; color:#fff; background:#0b3d92; } .section-header-nav-bg__items__nav ul li ul li ul { padding:0; overflow:hidden; width:200px; display:none; } .section-header-nav-bg__items__nav ul li ul li ul li{ float:none; white-space:normal; border:0; } .section-header-nav-bg__items__nav ul li ul li ul li a { font-size:1em; color:#aea199; background:none; padding:10px 10px; line-height:110%; } .section-header-nav-bg__items__nav ul li ul li ul li a:hover { color:#f7865a; background:#1e1e1e; } */ .section-hero-banner { padding-bottom:110px; } .section-hero-banner .owl-item .item { text-align:center; } @media screen and (max-width: 1024px) { .section-hero-banner { padding-bottom:140px; } } @media screen and (max-width: 768px) { .section-hero-banner { padding-bottom:0px; } } .section-hero-banner .owl-carousel { /*max-height: 60vh; */ overflow: hidden; } .section-hero-banner__info { position:absolute; left:0; right:0; bottom:0; z-index: 2; } @media screen and (max-width: 768px) { .section-hero-banner__info { position:relative; } } .section-hero-banner__info > div { display:table; } @media screen and (max-width: 768px) { .section-hero-banner__info > div { max-width:100%; margin:0 auto; } } .section-hero-banner__info__primary { display:table-cell; width:40%; padding:60px 40px; box-shadow:0px 1px 10px 0 rgba(0, 0, 0, 0.5); } .section-hero-banner__info__primary:before { position:absolute; background:#f1af01; height:5px; bottom:0; left:0; width:50%; content:""; } .section-hero-banner__info__primary:after { position:absolute; background:#fff; height:5px; bottom:0; right:0; width:50%; content:""; } .section-hero-banner__info__primary .item-title { color:#fff; font-size:4em; line-height:1; text-transform:uppercase; } .section-hero-banner__info__primary .item-subtitle { color:#fff; font-size:1.4em; line-height:1; padding:10px 0; } .section-hero-banner__info__primary .item-buttons { padding:0; margin:0; padding-top:10px; list-style:none; } .section-hero-banner__info__primary .item-buttons li { padding:0; margin:0 5px 0 0; display:inline-block; } .section-hero-banner__info__primary .item-buttons li:last-child { margin-right:0; } .section-hero-banner__info__primary .item-button1 { display:inline-block; background:#fff; border:2px solid #fff; color:#0b3d92; font-weight: bold; padding: 15px 20px; margin-bottom:5px; text-decoration:none; } .section-hero-banner__info__primary .item-button2 { display:inline-block; background:transparent; border:2px solid #fff; color:#fff; font-weight: bold; padding: 15px 20px; margin-bottom:5px; text-decoration:none; } .section-hero-banner__info__primary .item-button1:hover, .section-hero-banner__info__primary .item-button2:hover { background:#f1af01; border:2px solid #f1af01; color:#fff; text-decoration:none; } @media screen and (max-width: 1280px) { .section-hero-banner__info__primary .item-title { font-size:3em; } } @media screen and (max-width: 1024px) { .section-hero-banner__info__primary { padding:30px 20px; text-align:center; } .section-hero-banner__info__primary .item-title { font-size:2.2em; } .section-hero-banner__info__primary .item-buttons { font-size:0.8em; } .section-hero-banner__info__primary * { text-align:center; } } @media screen and (max-width: 768px) { .section-hero-banner__info__primary { display:block; width:100%; } } .section-hero-banner__info__nav { display:table-cell; vertical-align:bottom; } .section-hero-banner__info__nav ul { list-style:none; line-height:1.1; margin:0 0 0 30px; padding:0; display:flex; align-items:stretch; justify-content: space-between; } .section-hero-banner__info__nav li { flex:1 1 auto; border-bottom:5px solid #0a3d92; padding-bottom:10px; margin:0 10px; } .section-hero-banner__info__nav li:hover { border-color:#f1af01; } .section-hero-banner__info__nav li a, .section-hero-banner__info__nav li a:hover { display:block; color:#a6acb5; text-transform:capitalize; font-family:'Teko', sans-serif; font-weight:700; font-size:1.3em; } @media screen and (max-width: 768px) { .section-hero-banner__info__nav { display:block; width:100%; } .section-hero-banner__info__nav ul, .section-hero-banner__info__nav li { display:block; width:100%; } .section-hero-banner__info__nav ul { margin:20px 0; } .section-hero-banner__info__nav li { margin:0 0 10px 0; padding:20px; } } .section-hero-banner .owl-nav { position:absolute; top:30%; left:0; right:0; z-index:1000; } .section-hero-banner .owl-prev { background:none; left:0; top:0; width:auto; height:auto; position: absolute; transition: all 0.5s; border:none; margin-right:20px; } .section-hero-banner .owl-next { background:none; right:0; top:0; width:auto; height:auto; position: absolute; transition: all 0.5s; border:none; } .section-hero-banner .owl-nav span { font-size:10em; color:#fff; } @media screen and (max-width: 2560px) { .section-hero-banner .owl-nav { top:30%; } } @media screen and (max-width: 1300px) { .section-hero-banner .owl-nav { top:20%; } } @media screen and (max-width: 768px) { .section-hero-banner .owl-nav { top:8%; } } @media screen and (max-width: 576px) { .section-hero-banner .owl-nav { top:5%; } .section-hero-banner .owl-nav span { font-size:5em; color:#fff; } } .interior .section-heading { padding:60px 0; } @media screen and (max-width:1280px) { .interior .section-heading { padding:40px 0; } } @media screen and (max-width:1024px) { .interior .section-heading { padding:20px 0; } } .interior .page-heading { color:#fff; margin:10px 0; padding:0 0 0 50px; background:url(/files/C25A8D95-91A5-434B-A0D3-738C8FCD7539--D764B542-1E3F-4320-BF93-A5A8242F99DA/icon-chevron.svg) left 5px no-repeat; background-size:33px; } .interior .section-pullup { margin-top:-80px !important; margin-bottom:50px; padding:0px; border-bottom:5px solid #f1af01; box-shadow:0px 1px 20px 0 rgba(0, 0, 0, 0.3); } @media screen and (max-width: 1024px) { .interior .section-pullup { margin-top:-20px !important; } .interior .section-pullup * { text-align:center !important; } } .interior .section-pullup .cell, .interior .section-pullup .row { padding:0; } .interior .section-pullup .cell .cell:first-child { /*padding:80px !important; */; } @media screen and (max-width: 1280px) { .interior .section-pullup .cell .cell:first-child { padding:20px !important; font-size:0.9em; } } .breadcrumb { display:inline-block; list-style:none; margin:0; padding:0; font-size:1.2em; overflow:hidden; } .breadcrumb li { float:left; margin:0 10px 0 0; } .breadcrumb li:after { margin:0 0 0 5px; content:" / "; } .breadcrumb li:last-child:after { content:""; } .breadcrumb li a { text-decoration:none; color:#fff; } .breadcrumb li a:hover { text-decoration:none; color:#fff; } /* -- */ .owl-nav.disabled, .owl-dots.disabled { display:none; } /* mid sections */ .section-conferences, .section-adverts, .section-news { padding:60px 0; } .section-conferences h2, .section-news h2 { font-size:4em; line-height:1; margin-bottom:40px; } @media screen and (max-width: 768px) { .section-conferences h2, .section-news h2 { font-size:2.5em; margin-top:10px; } } .section-conferences .owl-carousel .owl-nav { margin:40px 0 0 0; } @media screen and (max-width: 414px) { .section-conferences .owl-carousel .owl-nav { margin:20px 0 40px 0; text-align:center; } } .section-conferences .owl-carousel .owl-nav .owl-prev { background: url("aprilfool/icon-arrow-left.svg") no-repeat; background-size:contain; width: 52px; height: 16px; position: relative; transition: all 0.5s; border:none; margin-right:20px; } .section-conferences .owl-carousel .owl-nav .owl-next { background: url("aprilfool/icon-arrow-right.svg") no-repeat; background-size:contain; width: 52px; height: 16px; position: relative; transition: all 0.5s; border:none; } .section-conferences .owl-carousel .owl-nav span { display:none; } .section-conferences .owl-dots { display:none; } .section-conferences__events { flex-basis:70%; padding-right:30px; min-width:0; /*fix owl carousel widening column */; } @media screen and (max-width: 414px) { .section-conferences__events { padding-right:0px; } } .section-conferences__events__list a.item { display:inline-block; background:#fff; box-shadow:0px 1px 10px 0 rgba(0, 0, 0, 0.1); padding:30px; margin:0 10px 10px 10px; border-bottom:4px solid #f1af01; } .section-conferences__events__list a.item .title { color:#3d3d3d; font-family:'Open Sans', sans-serif; font-weight:600; text-transform:none; font-size:1.4em; } .section-conferences__events__list a.item .location { color:#999999; margin:20px 0; } .section-conferences__events__list a.item .date { color:#b2b2b2; font-family:'Teko', sans-serif; font-weight:700; font-size:1.8em; line-height:1; text-transform:uppercase; } .section-conferences__find { max-height:361px; max-width:400px; flex-basis:30%; padding:60px; display:flex; align-items:center; } @media screen and (max-width: 1024px) { .section-conferences__find { max-height:389px; padding:30px; } } .section-conferences__find__content { color:#fff; width: 100%; } .section-conferences__find__content h3 { color:#fff; font-size:2em; } .section-conferences__find__content input { margin:20px 0; box-shadow:0px 1px 10px 0 rgba(0, 0, 0, 0.2); border-color:#fff; width:100%; font-size:1.2em; padding:15px; background:#fff url(/files/C25A8D95-91A5-434B-A0D3-738C8FCD7539--703F4562-534A-4F8D-A46D-0FEEF0BC7D32/icon-searchlarge.svg) right 10px center no-repeat; } .section-conferences__find__content a { display:block; color:#fff !important; font-size:1.1em; font-weight:bold; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; text-decoration:none !important; } .section-conferences__find__content .arrow { display:inline-block; margin-right:10px; } .section-conferences__find__content a:hover { color:#000 !important; text-decoration:none; } .section-conferences__find__content a:hover .arrow { border-color:#000; } .section-adverts .owl-carousel .owl-nav { margin:40px 0 0 0; } .section-adverts .owl-carousel .owl-nav .owl-prev { background: url(aprilfool/icon-arrow-left.svg) no-repeat; background-size:contain; width: 52px; height: 16px; position: relative; transition: all 0.5s; border:none; margin-right:20px; } .section-adverts .owl-carousel .owl-nav .owl-next { background: url(aprilfool/icon-arrow-right.svg) no-repeat; background-size:contain; width: 52px; height: 16px; position: relative; transition: all 0.5s; border:none; } .section-adverts .owl-carousel .owl-nav span { display:none; } .section-adverts .owl-dots { display:none; } .section-adverts .item { display:inline-block; background:#fff; box-shadow:0px 1px 10px 0 rgba(0, 0, 0, 0.1); padding:0px; margin:0 10px 10px 10px; } .section-adverts a.advertise { z-index:2; float:right; margin-right:50px; padding-left: 30px; font-weight: 600; font-size: 1.1em; background:url(/files/C25A8D95-91A5-434B-A0D3-738C8FCD7539--9CDB5B40-4CC4-4C82-981E-43A048874533/icon-ad-vert-blue.svg) left center no-repeat; } @media screen and (max-width: 1024px) { .section-adverts a.advertise { margin-right:20px; } } .section-news .owl-carousel .owl-nav { margin:40px 0 0 0; } .section-news .owl-carousel .owl-nav .owl-prev { background: url(aprilfool/icon-arrow-left.svg) no-repeat; background-size:contain; width: 52px; height: 16px; position: relative; transition: all 0.5s; border:none; margin-right:20px; } .section-news .owl-carousel .owl-nav .owl-next { background: url(aprilfool/icon-arrow-right.svg) no-repeat; background-size:contain; width: 52px; height: 16px; position: relative; transition: all 0.5s; border:none; } .section-news .owl-carousel .owl-nav span { display:none; } .section-news .owl-dots { display:none; } @media screen and (max-width: 768px) { .section-news .owl-carousel .owl-nav { margin:20px 0 0px 0; text-align:center; } } .section-news__articles a.item { display:inline-block; background:#fff; box-shadow:0px 1px 10px 0 rgba(0, 0, 0, 0.1); padding:0px; margin:0 10px 10px 10px; width:280px; height:340px; } .section-news__articles a.item .img { height:190px; background-size:cover !important; } .section-news__articles a.item .title { padding:30px; color:#3d3d3d; font-family:'Open Sans', sans-serif; font-weight:600; text-transform:none; font-size:1.4em; } .blog .blog-post .article_image { max-width:50%; float:right; margin:0 0 20px 20px; } .blog .blog-post .blog-tags { font-weight:bold; } .blog-header h2 { font-size:1.4em; } .blog .blog__leftbar h1 { background:#f1af01; color:#fff; font-size:1.4em; padding:10px; line-height:1; } .blog .blog__leftbar ul { margin:0px 0px 0px 20px; padding:15px; } .blog .blog__leftbar li { margin-left:0; padding-left:0; margin-bottom:10px; } .blog .blog__leftbar .blog-tags { list-style:none; padding:0; margin:10px; } .blog .blog__leftbar .blog-tags li { float:left; padding:2px 5px; background:#929191; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:2px; } .blog .blog__leftbar .blog-tags li:hover { background:#676666; } .blog .blog__leftbar .blog-tags a { font-size:1em !important; color:#fff; } .blog .blog-footer { border-top:none; border-bottom:1px solid #cacaca; background:#fff; } .blog .blog-post img { opacity:1 !important; } .interior .section-main .section-main__sidenav { padding:30px; margin:60px 0; } .interior .section-main .section-main__sidenav ul { list-style:none; margin:0; padding:0; } .interior .section-main .section-main__sidenav ul li { margin:0; padding:15px 0; border-bottom:1px solid #fff; color:#fff; } .interior .section-main .section-main__sidenav ul ul ul li { margin:0; padding:5px 0; border-bottom:none; } .interior .section-main .section-main__sidenav > ul > li > a { text-transform:uppercase; font-size:2em; font-family:'Teko', sans-serif; font-weight:700; line-height:1; } .interior .section-main .section-main__sidenav > ul > li > a:before { content:""; margin-right:0; } .interior .section-main .section-main__sidenav ul li:last-child { border:none; } .interior .section-main .section-main__sidenav ul a:before { content:">"; margin-right:10px; } .interior .section-main .section-main__sidenav ul ul ul a:before { content:"-"; margin-left:10px; margin-right:10px; } .interior .section-main .section-main__sidenav ul a { display:block; color:#fff; font-size:1.2em; text-decoration:none; } .interior .section-main .section-main__sidenav ul a:hover, .interior .section-main .section-main__sidenav ul li.active > a { color:#fff; font-weight:bold; text-decoration:none; } .interior .section-main .section-main__sidenav .section-main__sidenav__chapter > ul > li:not(.active) { display:none; } .interior .section-main .section-main__sidenav .section-main__sidenav__chapter > ul > li.active > a { display:none; } .section-membership-levels { margin:20px 0; padding:0 10px; list-style:none; display: flex; flex-flow: wrap; } .section-membership-levels > li { position:relative; max-width:30%; background:#fff; box-shadow:0px 1px 10px 0 rgba(0, 0, 0, 0.1); padding:60px 30px 30px 30px; display:inline-block; margin:0 20px 20px 0; } /*.section-membership-levels.join-form > li { padding:30px; margin:0 20px 50px 0; }*/ .section-membership-levels.renew-form > li { max-width:100%; width:100%; margin:0; } .section-membership-levels > li ul { list-style:none; padding:0; } .section-membership-levels > li ul li { margin-left:20px; } .section-membership-levels > li ul li input[type='radio'] { margin-left:-20px; } @media screen and (max-width: 1280px) { .section-membership-levels > li { max-width:22%; } } @media screen and (max-width: 1024px) { .section-membership-levels > li { max-width:47%; } } @media screen and (max-width: 414px) { .section-membership-levels li { max-width:100%; } } .section-membership-levels li h3 { font-family:'Open Sans', sans-serif; font-weight:600; text-transform:none; font-size:1.5em; text-align:center; color:#fff; background:#0b3d92; padding:10px; position: absolute; left: 0; top: 0; right: 0; } .section-membership-levels__price { position:absolute; bottom:-30px; padding:10px 20px; } .section-membership-levels__price div { font-family:'Teko', sans-serif; font-weight:700; font-size:2em; line-height:1; } .section-membership-join-options { margin:0 30px; list-style:none; padding:0; } @media screen and (max-width: 414px) { .section-membership-join-options { margin:0; } } .section-membership-join-options li { display:inline-block; } .section-chapters-members > ul { list-style:none; margin:0; padding:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-flex-flow:row wrap; justify-content:center; align-content:center; } .section-chapters-members > ul li { box-sizing:border-box; width:30%; min-width:200px; background:#fff; padding:20px; margin:10px; text-align:center; display:flex; justify-content:center; flex-direction:column; box-shadow:0px 1px 10px 0 rgba(0, 0, 0, 0.1); } .section-chapters-members > ul li img { max-height:140px; object-fit:contain; } .section-chapters-members > ul li .section-chapters-members__name { color:#0b3d92; font-weight:800; } .section-chapters-members > ul li .section-chapters-members__address { margin:10px 0; } .section-publications > .cell, .section-publications-eletters > .cell { background:#fff; padding:20px; margin:10px; max-width:calc(25% - 20px); text-align:center; justify-content:center; box-shadow:0px 1px 10px 0 rgba(0, 0, 0, 0.1); } .section-publications > .cell a, .section-publications > .cell a:hover, .section-publications-eletters > .cell a, .section-publications-eletters > .cell a:hover { color:#fff; line-height:1; } @media (max-width: 768px){ .section-publications > .cell, .section-publications-eletters > .cell { max-width:calc(50% - 20px); } } @media (max-width: 480px){ .section-publications > .cell, .section-publications-eletters > .cell { max-width:calc(100% - 20px); } } .section-publications-presentations a { display:block; text-decoration:none !important; cursor:pointer; } .section-publications-presentations > .row { margin-bottom:10px; } .section-publications-presentations .row .row { background:#fff; } .section-publications-presentations .row .row .cell:nth-child(1) { padding:10px; flex-basis:41%; text-align:center; } .section-publications-presentations .row .row .cell:nth-child(2) { padding:20px; } .section-publications-presentations h3 { font-size:2em; } .section-publications-presentations img { object-fit:cover; max-width:240px; max-height:170px; } .section-publications-presentations p { color:#3d3d3d; } .section-publications-presentations .section-publications-presentations__author { font-size:0.9em; margin-top:0; } @media (max-width: 768px){ .section-publications-presentations { text-align:center; } } .events-container #events li { display:table; position:relative; width:calc(100% - 40px); padding:1em; margin-left:30px !important; } .events-container #events li:hover { background:#0b3d92; } .events-container #events li:hover .events-container__center * { color:#fff; } .events-container #events .events-container__left { position:relative; display:table-cell; width:40px; text-align:center; left:-30px; } .events-container #events .events-container__left__month, .events-container .events-container__left__year { font-size:0.8em; background:#0b3d92; color:#fff; } .events-container #events .events-container__left__day { background:#abbede; } .events-container #events .events-container__center { display:table-cell; } .events-container #events .events-container__center__title { font-size:1.2em; margin-bottom:1em; font-weight:bold; color:#0b3d92; } .events-container #events .events-container__center__location { font-style: italic; } .events-container #events .events-container__right { display:table-cell; width:100px; } .events-container #events .events-container__right__type { /*background:#eee; */ color:#fff; padding:10px; text-align:center; text-transform:uppercase; } .events-container #events .events-container__link { position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; } .events-container.no-events { display:block; } .events-container.no-events .events-filter-right { width:30%; float:right; } @media (max-width: 576px){ .events-container { margin-right:0 !important; } .events-container #events li { display:block !important; margin-left:0 !important; margin-bottom:1.5em; padding-bottom:3em; width:100%; } .events-container__center, .events-container__right { display:block !important; width:100% !important; } .events-container__right { position: absolute; bottom: 0; right: 0; letter-spacing: 0; font-size: 0.8em; } .events-container__right .events-container__right__type { padding:5px !important; } .events-container__left { display:none !important; width:100%; } } .events-featured-top { list-style:none; padding:0; margin:0 20px 3em 0; display:flex; justify-content:flex-start; align-items:stretch; } .events-featured-top li { flex: 1; display:block; max-width:33%; position:relative; padding:0; margin:10px; box-shadow:0px 1px 6px 0 rgba(0, 0, 0, 0.3); } @media (max-width: 768px){ .events-featured-top { flex-wrap:wrap; margin-right:0; font-size:0.8em; } .events-featured-top li { flex:auto; min-width:45%; max-width:100% !important; } } .events-featured-top .events-featured-top__link { position:absolute; left:0; top:0; right:0; bottom:0; z-index:3; } .events-featured-top .events-featured-top__header { /*background:#3d3d3d; */ color:#fff; padding:1em 1.5em; } .events-featured-top .events-featured-top__header__date { font-size:1.3em; font-weight:bold; } .events-featured-top .events-featured-top__header__type {} .events-featured-top .events-featured-top__center { min-height:300px; } .events-featured-top .events-featured-top__center__image { z-index:0; position:absolute; left:0; right:0; top:0; height:60%; } .events-featured-top .events-featured-top__footergradient { z-index:1; position:absolute; background:rgba(255, 255, 255, 0.5); height:50%; bottom:0; left:0; right:0; } .events-featured-top .events-featured-top__footer { z-index:2; position:absolute; height:45%; bottom:0; left:0; right:0; background:#fff; color:#0b3d92; padding:1em 1.5em; } .events-featured-top .events-featured-top__footer__title { font-size:1.3em; font-weight:bold; } .events-featured-top .events-featured-top__footer__location {} .events-container { display:flex; flex-wrap:wrap; } .events-up-and-coming #events { width:70%; } .events-filter-right { flex: 1; background:#fff; margin:0 1em; padding:0; } .events-filter-right .events-calendar { display:block; margin:0; } .events-filter-right .events-filter-right__title { background:#0b3d92; color:#fff; font-weight:bold; font-size:1.2em; padding:0.5em 1em; } .events-filter-right .events-filter-right__filters { padding:1em; } .events-filter-right .events-filter-right__filters h2 { font-size:1.3em; } .events-filter-right .events-filter-right__filters > div { margin-bottom:1em; } .events-filter-right a { text-decoration:none !important; } .events-filter-right .events-month { margin-top:1em; margin-bottom:0; padding:0; font-weight:bold; } .calendar-months { width:0; display:none 1important; } .events-filter-right__filters_date .events-month-list { font-size:0.9em; } .events-filter-right__filters_date .events-month-list li { margin:0; padding:0; } @media (max-width: 768px){ .events-up-and-coming #events { width:100%; margin-bottom:2em; } } /* -- */ /* products */ .cloud-zoom-loading { display:none; } .col-sm-6 { width:50%; float:left; } .col-sm-6:first-child { padding-right: 2em; } @media only screen and (max-width:576px) { .col-sm-6 { float:none; width:100%; padding:0 !important; } } .shop-product-info { font-size:1.2em; clear:both; } .shop-product-image-box #wrap { z-index:1 !important; } .shop-product-info-page { max-width:980px; } .shop-product-name { font-weight:600; } .shop-product-thumbnails { padding:10px; text-align:center; } .shop-product-socialbar ul { list-style:none; margin:10px; padding:0; text-align:center; overflow:hidden !important; } .shop-product-socialbar ul li { display:inline-block; font-size:1.3em; } .shop-product-socialbar ul li a { border-radius:20px; padding:5px 10px; text-decoration:none !important; background:#30398d; display:inline-block; width:40px; height:40px; } .shop-product-socialbar ul li a:hover { background:#f1af01; text-decoration:none !important; } .shop-product-socialbar ul li a i, .shop-product-socialbar ul li a:hover i { color:#fff; } .shop-product-socialbar ul li a .fa { display:inline; } .shop-product-option-qty { display:none !important; } .shop-product-info > div { margin:10px 0; } .shop-product-images { text-align:center; } .shop-product-image { width:100%; } .shop-product-price { font-size:1.6em; display:flex; } .shop-product-price-original, .shop-product-price-discounted { font-size:0.7em; margin-right:10%; text-align:center; } .shop-product-attributes { margin-top:40px !important; } .shop-product-attributes label { text-transform:uppercase; font-weight:400; color:#000; } .shop-product-attributes p { color:#818181; pading; } .shop-product-listing { display:flex; flex-wrap: wrap; justify-content:center; align-items: flex-start; } .shop-listing-item { position:relative; border:1px solid #cdcdcd; text-align:center; box-sizing:border-box; flex: 1 1 calc(25% - 10px); /* height:350px; */ background:#eee; padding:10px; margin:5px; text-align:center; display:flex; justify-content:center; flex-direction:column; } @media screen and (max-width: 768px) { .shop-listing-item { flex: 1 1 calc(50% - 10px); } } @media screen and (max-width: 576px) { .shop-listing-item { flex: 1 1 100%; } } .shop-listing-item { /*margin-bottom:60px; */; } .shop-listing-item img { /*display:none; */; } .shop-listing-item-info { /*position:absolute; */ padding:5px; /*bottom:-50px; */ left:0; right:0; background:#0b3d92; color:#fff; } /*.shop-listing-item:hover .shop-listing-item-info { display:flex; justify-content:center; flex-direction:column; } .shop-listing-item:hover .shop-listing-item-info { display:none; padding:20px; font-weight:bold; font-size:1.2em; background:rgba(210, 184, 106, 0.9); color:#fff; position:absolute; left:0; top:0; bottom:0; right:0; vertical-align:middle; cursor:pointer; } */ .shop-listing-item-name { } .shopping-cart-items td { padding:10px 0; } .shop-billing-heading, .shop-shipping-heading, .forgot-password-heading { padding:10px !important; font-size:1.2em; } .shop-billing tr { padding:10px 0; } .shop-checkout .FrontClrText, .shop-checkout-complete .FrontClrText { padding:6px; } .shop-checkout .SponsorColor table td, .shop-checkout-complete .SponsorColor table td { color:#333; } .shop-checkout #card td { padding:5px; } .shop-checkout-row-item { color:#333; } .shop__heading { background:#f1af01 !important; color:#fff !important; font-size:1.2em; } /* footer */ .section-footer { padding:60px 0; font-size:1.1em; } @media screen and (max-width: 768px) { .section-footer__content > div { margin-bottom:30px; } } .section-footer__content__newsletter input { background:transparent; border:1px solid #fff; color:#fff; } .section-footer__content__newsletter input:focus { border-color:#fff !important; } .section-footer__content__newsletter a, .section-footer__content__newsletter a:hover { display:inline-block; background:#fff; border:2px solid #fff; color:#0b3d92; font-weight: bold; padding: 0 20px; line-height: 35px; top:-1px; text-decoration:none; } .section-footer__content__newsletter a:hover { background:#f1af01; color:#fff; border-color:#f1af01; } .section-footer-terms { text-align:center; padding:30px 0; } .section-footer__nav { font-weight:800; list-style:none; margin:0; padding:0; } .section-footer__nav li { margin-bottom:10px; margin-left:0; } .section-footer__nav li a, .section-footer__nav li a:hover { color:#fff; text-decoration:none; } .section-footer-terms #mobi-apps h3 { display:none; } #fancybox-content #mobi-apps { text-align:center; max-width:400px; margin:0 auto; } /* -- */ /* store locator */ @media screen and (max-width:414px) { .bh-sl-map { display:none; } .bh-sl-container .bh-sl-loc-list { height:auto !important; overflow:none !important; } .bh-sl-container { padding:0 !important; } .bh-sl-container .bh-sl-loc-list ul { overflow:hidden; } .bh-sl-container .bh-sl-loc-list .list-label { display:none !important; } .bh-sl-container .bh-sl-loc-list .list-details { width:100% !important; } } /* -- */ /* mobile nav */ .mobile-nav-burger { display:none !important; } .left-to-right { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transform: translateX(0%) !important; -ms-transform: translateX(0%) !important; transform: translateX(0%) !important; } .right-to-left { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transform: translateX(100%) !important; -ms-transform: translateX(100%) !important; transform: translateX(100%) !important; } @media screen and (max-width:768px) { .section-header-mininav-bg { display:none; } .mobile-nav { float:none !important; width:40% !important; overflow:hidden !important; cursor:pointer; display:inline-block !important; position:absolute; right:0px !important; top:0px !important; padding:10px 0 10px 10px !important; margin:0 !important; background:none !important; border-bottom:none !important; color:#fff; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; border-radius:0 !important; z-index:10 !important; } .mobile-nav.closed { height:70px !important; width:70px !important; } .mobile-nav-burger { display:inline-block !important; z-index:11; position:absolute; right:0; padding:10px; margin:10px 15px 10px 10px; background:#0b3d92; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .menu-container { height:70px; } ul#topnav { overflow:hidden; box-shadow:0px 1px 10px 0 rgba(0, 0, 0, 0.5); } ul#topnav, ul#topnav * { box-sizing:border-box; display:block !important; text-align:left !important; flex:none !important; } ul#topnav { background:#0b3d92; padding:20px; -webkit-transform:translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } ul#topnav li { } ul#topnav li ul li { margin-left:0; width:100% !important; border:none !important; background:none !important; white-space:normal; } ul#topnav ul { position:relative !important; width:100% !important; box-shadow:none !important; margin-bottom:20px !important; } ul#topnav li a { color:#fff !important; line-height:2; background:none; font-size:1em; } .menu-mobile, .menu-dropdown-icon::before, .menu-mobile::after { display:none !important; } .section-header-nav-bg__items__nav > ul > li { background:none; } } @media screen and (max-width:767px) { .menu-container { height:auto; } .mobile-nav { top:-60px !important; } } @media screen and (max-width:480px) { .mobile-nav { width:60% !important; } .logo a { margin-left:-40px; } } @media screen and (max-width:400px) { /*.mobile-nav { top:-60px !important; }*/ } /* mobile nav */ .grid-container { max-width:100% !important; overflow:hidden; padding:0 !important; } .grid-container > hr { margin-left: 10px; margin-right: 10px; } html, body { min-height:100%; margin:0px; } .clear { clear:both; } .clearfix:after { visibility:hidden; display:block; content:""; clear:both; height:0; } * html .clearfix { zoom:1; } /* IE6 */ *:first-child+html .clearfix { zoom:1; } /* IE7 */ input[type=button], input[type=submit] { -webkit-appearance:none; } .slideshow { list-style:none !important; margin:0 !important; padding:0 !important; z-index:1; overflow:hidden; } .slideshow li { padding:0 !important; margin:0 !important; } table, img { max-width:100%; height:auto !important; box-sizing:border-box; } img[align=left], img[align=right] { max-width:40%; height:auto !important; } img[align=left] { margin:0 10px 10px 0 !important; padding:0 !important; } img[align=right] { margin:0 0 10px 10px !important; padding:0 !important; } .dropshadow { background:#fff; border:1px solid #fff; box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.5); padding:6px; max-width:96%; overflow:hidden; } .mosaicflow__column { float:left; } .mosaicflow__item { display:block; margin:0 20px 20px 0; } .mosaicflow__item img { display:block; width:100%; height:auto; } .mosaicflow__item div div { position:absolute; z-index:1; padding:5px 10px; bottom:7px; left:7px; right:7px; color:#fff; background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.60); } .ui-accordion-content-active { height:auto !important; } /* disable content scrolling */ .calendar { background:#ccc !important; font-size:1.1em; } .calendar th { color:#333333; text-align:left; } .calendar tr { background:#fff; color:#333333; } .calendar td { color:#333333; } .calendar td a, .calendar td a:hover { font-size:0.8em; color: #fff !important; text-decoration: none !important; } .calendar td p { padding:5px; margin:2px 0; } .calendar td .events-more-info { padding:0px 3px 3px; background:rgb(255,255,255); border-radius:20%; -webkit-border-radius:20%; -moz-border-radius:20%; float:right; } .qtip-content ul { margin:0 0 5px 0; padding:0; font-size:1.1em; line-height:1.2em; } .events-container { background:none; overflow:visible !important; height:auto !important; } .events-container li { margin-bottom:10px; } .events-calendar { display:inline-block; white-space:nowrap; margin-right:10px; } .events-calendar-color { width:10px; height:10px; display:inline-block; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; } .circular { border:1px solid #cdcdcd; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; } .align-left { text-align:left; } .align-center { text-align:center; } .align-right { text-align:right; } .uppercase { text-transform:uppercase; } .lowercase { text-transform:lowercase; } #dtCredits, #dhtmltooltip { display:none; } /* responsive table for mobile */ @media screen and (max-width: 768px) { table { min-width:260px; height:auto !important; } table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq), table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) > tbody, table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) > tr, table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) > tr > td, table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) > tr > th, table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) > tbody, table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) > tbody > tr, table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) > tbody > tr > td, table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) > thead, table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) > thead > tr, table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) > thead > tr > th { box-sizing:border-box; display: block; width:100%; height:auto !important; /* padding:.2em; */ clear:both; } table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) > tr > td, table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) tbody > tr > td, table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) > tr > th, table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) thead > tr > th { /* Behave like a "row" */ position: relative !important; width:auto !important; max-width:100% !important; height:auto !important; } table:not(.notresponsive):not(.ui-datepicker-calendar):not(.faq) { max-width:100%; overflow:hidden; } iframe, video { margin:0 auto; } iframe, object, video { max-width:100% !important; min-width:0 !important; } input { max-width:100%; box-sizing:border-box; } } /* - custom stuff - */ body { } .grid-container { } /* .tinynav { position:absolute; left:320px; right:10px; top:10px; display:none; border:1px solid #8b8b8b; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; overflow:hidden; } .logo img { max-width:350px; margin:15px 0; } */ /* nav[role=nav-top1] { z-index:2; margin:0; width:100%; font-size:1.3em; color:#30398f; border-radius:0 10px 10px 0; border-bottom:10px solid #fff; font-family:'Montserrat', sans-serif; font-weight:500; } nav[role=nav-top1] .divider { float:left; background:#928983; width:1px; height:7px; margin:20px 14px 0 0; } */ /* nav[role=nav-top2] { padding:0; z-index:1; font-size:1.1em; } ul#topnav { list-style:none; margin:0; display:flex; align-items:stretch; justify-content: space-between; width:100%; padding:0; overflow:visible; } ul#topnav li { display:block; flex:1 1 auto; white-space:nowrap; text-align:center; margin:0; } ul#topnav li:hover, ul#topnav li.active, ul#topnav li.activehvr { } ul#topnav li a { color:#30398f; line-height:50px; padding:0; text-decoration:none; } ul#topnav li a:hover, ul#topnav li a.active, ul#topnav li a.activehvr { color:#103b7e; background:#fff; } ul#topnav li a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: -3px; left: 0; background-color: #30398f; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } ul#topnav li a:hover:before, ul#topnav li a.active:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } ul#topnav li ul { margin:0 0 0 0; padding:0; display:none; box-shadow:0px 1px 6px 0 rgba(0, 0, 0, 0.3); overflow:visible; } ul#topnav li ul li { background:#024B8B; white-space:normal; border:1px solid #fff; width:215px; float:none; padding:0; margin:0; text-align:left; } ul#topnav li ul li:hover, ul#topnav li ul li.active, ul#topnav li ul li.activehvr { width:215px; float:none; text-align:left; } ul#topnav li ul li a { font-size:0.9em; line-height:25px; color:#fff; border:none; padding:4px 10px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } ul#topnav li ul li a:hover, ul#topnav li ul li a.active, ul#topnav li ul li a.activehvr { border:none; color:#fff; background:#0b3d92; } ul#topnav li ul li ul { margin:-36px 0 0 0; padding:0; overflow:hidden; width:200px; display:none; } ul#topnav li ul li ul li{ float:none; white-space:normal; border:0; } ul#topnav li ul li ul li a { font-size:1em; color:#aea199; background:none; padding:10px 10px; line-height:110%; } ul#topnav li ul li ul li a:hover { color:#f7865a; background:#1e1e1e; } .menu-spacer { margin-right:200px !important; } .topnav__subs { background:#eeeeee; } .topnav__subs ul { list-style:none; padding:0; margin:0; } .topnav__subs ul li { padding:0; margin:0; display:inline-block; } .topnav__subs ul li a { display:block; color:#6d6d6d; padding:10px 20px; } .topnav__subs ul li a:hover { background:#30398d; color:#fff; } .banner { max-width:1600px; min-height:290px; background:#212121; } .interior .banner .gradient { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(transparent,#000); opacity: .4; z-index:0; } .interior .banner { max-width:1600px; background:#2e2e2e; } .interior .banner { background:url(/files/D5A6714B-B06F-4AB1-AEC2-AA9AADB90B31--F4FAA7D3-A8B7-480D-AAE2-EE53212AF3FF/banner-charlotte.jpg?lc=01082018013412) center no-repeat; background-size:cover; height:281px; padding:165px 20px; } .backdrop { overflow-y:hidden; max-height:490px; } .camera_wrap { margin-bottom:0 !important; } .camera_pag { top:-82px; max-width:920px; margin:0 auto; } .camera_pag_ul { text-align:left !important; } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { background: none repeat scroll 0 0 #f6875c; } .camera_wrap .camera_pag .camera_pag_ul li { background: none repeat scroll 0 0 #FFFFFF; } .camera_wrap .camera_pag .camera_pag_ul li > span { border-radius: 5px; height: 10px; left: 3px; overflow: hidden; position: absolute; top: 3px; width: 10px; } .camera_wrap .camera_pag .camera_pag_ul li { border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-indent: -9999px; width: 16px; } .camera_prev { margin-top:-40px; height:80px; -moz-border-radius:0 40px 40px 0; -webkit-border-radius:0 40px 40px 0; border-radius:0 40px 40px 0; } .camera_next { margin-top:-40px; height:80px; -moz-border-radius:40px 0 0 40px; -webkit-border-radius:40px 0 0 40px; border-radius:40px 0 0 40px; } .camera_prev span, .camera_next span { margin-top:18px; } */ .banner-event-info { position:absolute; bottom:0; width:100%; z-index:1; left:0; } .banner-event-date { color:#fff; font-family:'Montserrat', sans-serif; font-weight:700; font-size:1.5em; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.8); filter:glow(color=black, strength=1); /* dropshadow(color=#000000, offx=1, offy=1); */; } .banner-event-title { color:#fff; font-size:3.5em; font-family:'Montserrat', sans-serif; font-weight:700; text-shadow:0 5px 3px rgba(0, 0, 0, 0.8); line-height:1; padding:0; margin:0; filter:glow(color=black, strength=1); /* dropshadow(color=#000000, offx=1, offy=1); */; } .banner-event-title strong { font-family:'Montserrat', sans-serif; font-weight:700; } .banner-event-description { margin-left:5px; } .banner-event-description span { color:#000; background:#fff; background:rgba(255,255,255, 0.8); box-shadow:5px 0 0 rgba(255,255,255, 0.8), -5px 0 0 rgba(255,255,255, 0.8); } .banner-event-buymore { width:250px; margin:20px 0; } .banner-event-buymore a { } .banner-event-buy { position:relative; display:inline-block; font-size:1em; padding:10px !important; margin:2px !important; color:#fff !important; border:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px !important; box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.3) !important; background: #C30057 !important; } .banner-event-buy:hover { } .banner-event-buyonly { display:inline-block; width:131px; height:41px; text-indent:-9999px; background:url(/files/059AEEDD-3EC8-4639-8B4A-71500D9FBF55--07CD690B-BE20-4D53-A97F-B9CB44701F0D/btn-buy-tickets-only.png) !important; } .banner-event-buyonly:hover { background-position:0 41px !important; } .banner-event-more { display:inline-block; width:124px; height:41px; text-indent:-9999px; background:url(/files/059AEEDD-3EC8-4639-8B4A-71500D9FBF55--C58953AB-44FC-427B-9EDB-5BA7EDF830AA/btn-buy-tickets.png) !important; background-position:-120px 0 !important; } .banner-event-more:hover { background-position:-120px 41px !important; } .banner-event-listen { display:block; width:76px; height:20px; text-indent:-9999px; background:url(/files/059AEEDD-3EC8-4639-8B4A-71500D9FBF55--AA8A7872-0630-4CBD-BDAE-61EEFDCA0526/btn-listen.png) !important; } .banner-event-listen:hover { background-position:0 -20px !important; } .banner-event-listen.playing, .banner-event-listen.playing:hover { background-position:0 -40px !important; } .section-header-login-bg { background:#0b3d92; z-index:12; } .section-header-login { text-align:right; line-height:0; } .section-header-login ul { display:inline-block; list-style:none; margin:0; padding:0; font-family:'Montserrat', sans-serif; font-weight:500; overflow:hidden; } .section-header-login ul li { display:inline-block; margin:0; border-right:1px solid #fff; line-height:1; } .section-header-login ul li:last-child { border:none; } .section-header-login ul li a { display:block; color:#fff; font-size:1em; padding:6px 10px; } .section-header-login ul a:hover { background:#fff; color:#0b3d92 !important; } .section-header-login .invert-colors { margin-left:10px; background:#fff; color:#0b3d92; } .section-header-login .invert-colors li { border-right:1px solid #0b3d92; } .section-header-login .invert-colors li a { display:block; color:#0b3d92; font-size:1.1em; } .section-header-login .invert-colors li a:hover { background:#0b3d92; color:#fff !important; } .section-header-login .invert-colors li.connect-nohover { background:#fff; padding:6px 10px; } .section-content { min-height:100px; max-width:86%; margin:0 auto; padding:60px 0px; } @media screen and (max-width: 768px) { .section-content { max-width:99%; } } .interior .section-content { padding-bottom:40px; } /* .content-interior { margin-top:-450px; min-height:400px; background:url(/files/059AEEDD-3EC8-4639-8B4A-71500D9FBF55--ECDB8257-3B57-4EEF-834D-758B22FF5ED0/bg.png); } .content-interior-blog { margin-top:-25%; min-height:400px; background:url(/files/059AEEDD-3EC8-4639-8B4A-71500D9FBF55--ECDB8257-3B57-4EEF-834D-758B22FF5ED0/bg.png); } */ .content-interior-blog-left { background:#fff; max-width:260px; } /*.content-interior-divider { background:url(/files/059AEEDD-3EC8-4639-8B4A-71500D9FBF55--E8FD7C31-F8FC-457F-9EB4-E7A4615FC986/bg-interior-divider.png); }*/ .content-interior h1, .content-interior h2, .content-interior h3, .content-interior h4, .content-interior h5, .content-interior h6 { margin:0; } .content-interior-header { margin-top:-90px; overflow:hidden; height:90px; } .content-interior-header h1 { position:absolute; left:0; bottom:15px; color:#fff; font-size:3.8em; padding:0; white-space:nowrap; } .content-interior-left { max-width:267px; margin:0 0 20px 0; } .content-interior-left ul { margin:0; padding:0; list-style:none; text-transform:uppercase; font-size:1em; } .content-interior-left li { padding:0; margin:0; border-bottom:1px solid #dfdfdf; } .content-interior-left li a { background:url(/files/059AEEDD-3EC8-4639-8B4A-71500D9FBF55--5043EC25-4F29-41DB-8BAB-A2BB01C6F343/bg-nav-interior.png); padding:0 15px; display:block; line-height:45px; font-family:'Montserrat', sans-serif; font-weight:700; color:#999999; } .content-interior-left li a:hover, .content-interior-left a.active { background:url(/files/059AEEDD-3EC8-4639-8B4A-71500D9FBF55--7C801102-084C-42D7-A4BB-23CF715AEB8A/bg-nav-interior-ovr.png); background-size:100% 100%; color:#fff; } .content-interior-left-quickinfo { margin:0 0 20px 0; } .content-interior-left-quickinfo .planvisit li a { line-height:30px; } .content-interior-right { padding:20px; min-height:200px; background:#fafafa; border:1px solid #f1efed; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .btn-education, .btn-join, .btn-events, .btn-volunteer, .btn-gallery { display:inline-block; text-align:center; font-family:'Montserrat', sans-serif; font-weight:700; font-size:1.8em; color:#30398d; } .btn-education span, .btn-join span, .btn-events span, .btn-volunteer span, .btn-gallery span { display:none; } .btn-education i, .btn-join i, .btn-events i, .btn-volunteer i, .btn-gallery i { margin:0 auto; width:80px; line-height:80px; font-size:1.5em; border-radius:100%; display:block; background:#30398d; color:#fff; } .btn-education:hover, .btn-join:hover, .btn-events:hover, .btn-volunteer:hover, .btn-gallery:hover { color:#30398d; } a.heading { font-size:1.6em; padding:5px 0 5px 0; font-weight:bold; display:block; text-decoration:none; border:none; font-family:'Montserrat', sans-serif; font-weight:700; color:#1a1919; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3); } a.heading:hover { background:#c2c0c0; } .folder { list-style:none; margin:0; padding:0; } .folder > li { margin:0; padding:0; } .folder-foldername { font-size:1.5em; color:#444343; } .featured-items { list-style:none; margin:0 auto; padding:30px 0; display:table; width:100%; } .featured-items li { display:table-cell; vertical-align:top; text-align:center; padding:0 10px; } .featured-items a { display:inline-block; text-align:center; max-width:200px; } .featured-items .button { margin:10px 0; } .featured-items a img { border-radius:10%; -webkit-border-radius:10%; -moz-border-radius:10%; } .ui-datepicker td.event a, .ui-datepicker td.event a:hover { background: none #C30057 !important; color:#fff !important; border: 1px solid #b9b3ab; } .ui-datepicker td { padding:0; } .ui-datepicker .ui-datepicker-header { padding:0; } .ui-widget-header { background:#fafafa !important; color:#89827d; border:none; border-bottom:1px solid #b9b3ab; font-size:1em; font-weight:normal; } .ui-datepicker-calendar th { color:#89827d; font-size:1em; font-weight:normal; } .ui-widget-content { background-image:none; border:none; } .ui-datepicker-inline { min-width:290px; margin:0 2px; background:#fafafa; } .ui-state-default { background:#fafafa !important; font-weight:normal !important; color:#89827d !important; text-align:center !important; } .ui-datepicker-today, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border-color:#b9b3ab; background:#fafafa; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background:#b9b3ab !important; color:#fff !important; border-color:#b9b3ab; } .ui-widget-header .ui-icon { background-image: url(/files/2FFF2C29-9387-437F-BCB3-CAEBC46A6A8B--98B7A8F2-ACDF-43FF-9FD5-C96B8C1283A2/ui-icons-033b71-256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image:url(/files/2FFF2C29-9387-437F-BCB3-CAEBC46A6A8B--98B7A8F2-ACDF-43FF-9FD5-C96B8C1283A2/ui-icons-033b71-256x240.png); } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color:#fff !important; background:#C30057 !important; border-color:#b9b3ab; } .qtip-content { font-size:1.2em !important; } .qtip-content ul { margin:0 0 5px 0; padding:0; font-size:1.1em; line-height:1.2em; } .sidebar { background:#fafafa; padding:10px 20px; border:1px solid #f1efed; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .sidebar ul { list-style:none; margin:0; padding:0; } .sidebar ul li { border-bottom:1px solid #f1efed; padding:10px 0; margin:0; } .sidebar ul li:last-child { border:none; } .sidebar li a.active:before { content:"- "; } .sidebar li a.active { font-weight:bold; } .mini-events { background:#fafafa; border:1px solid #f1efed; width:300px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .icon-minicalendar, .icon-minievents { float:left; text-indent:-9999px; background:url(/files/2FFF2C29-9387-437F-BCB3-CAEBC46A6A8B--75766B3A-9656-4EC8-BBB8-99CAAA77068A/icon-event-options.png); display:block; width:40px; height:36px; } .icon-minicalendar { background-position:0 -38px; } .icon-minicalendar:hover, .icon-minicalendar.active { background-position:0 0; } .icon-minievents { background-position:-40px 0; } .icon-minievents:hover, .icon-minievents.active { background-position:-40px -38px; } .mini-eventlist { height:273px; overflow-y:auto; } .mini-eventlist ul { padding:0; margin:0; list-style:none; } .mini-eventlist ul li { padding:10px; margin:0; border-bottom:1px solid #f1efed; } .mini-jobs { background:#fafafa; border:1px solid #f1efed; width:300px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .mini-jobs { height:250px; overflow-y:auto; } .mini-jobs ul { padding:0; margin:0; list-style:none; } .mini-jobs ul li { padding:10px; margin:0; border-bottom:1px solid #f1efed; } .blue-stripe { background:#30398d !important; color:#fff; line-height:1.5; } /**/ .right-bar { background:#fafafa; border:1px solid #f1efed; padding:20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } /* news module */ .news-article { position:relative; } .news-article a.heading { font-family:'arvil_sansregular'; font-size:2.2em; padding:5px 0 5px 0; font-weight:700; display:block; text-decoration:none; border:none; color:#00548B; } .news-article a.heading:hover { background:#e1e4e6; } .news-article .news-divider { border:none; height:34px; margin:30px 0; background:url(/misc_images/hr-1.png) center; background-size:cover; } .news-article .news-article-readmore { display:block; text-align:right; font-weight:bold; text-transform:uppercase; } .news-headlines { list-style:none; margin:0; padding:0; } .news-headlines li { margin-bottom:10px; } .news-headlines li h2 { font-size:1em; margin:0; } .news-headlines li strong { font-size:0.8em; } .home .news-headlines li { font-size:1.2em; padding-bottom:15px; border-bottom:1px dotted #cdcdcd; } /*.home .news-headlines li:last-child { border:none; }*/ /* event mod */ .events-coverfees { margin-top:1em; } .events-checkout-headings { background:#0b3d92; color:#fff; font-weight:bold; font-size:1.2em; } /* calendar */ .calendar { table-layout:auto; border-collapse:separate !important; border-spacing:1px !important; background:#ccc !important; font-size:1.1em; } .calendar th { color:#333333; text-align:left; } .calendar tr { background:#f8f8f8; color:#333333; } .calendar td { color:#333333; } .calendar td a, .calendar td a:hover { font-size:0.8em; color:#fff; } .events-time { font-size:0.8em; color:#fff; display:inline !important; } .calendar td p { padding:5px; margin:2px 0; text-align:left; } .calendar-color-none { background:#005695 !important; } .events-buttons a, .events-buttons a:hover { color:#fff; text-decoration:none; } .events-buttons .events-save > img { display:none !important; } .events-buttons i { display:inline-block !important; margin-right:5px; } .events-month-select { padding:0; } /* .events-buttons .button { line-height:1; } .events-buttons .events-save { background:url("/misc_images/icons/ical.png") no-repeat 1em center !important; padding-left:2.5em; } .events-buttons .events-save img { display:none !important; } .events-buttons .events-save:hover { background-color:#BEB6A3 !important; } */ .calendar td .events-more-info { padding:0px 7px 3px 3px; line-height:1; background:rgb(255,255,255); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; float:right; } .events-container { height:auto !important; background:none; } .events-container ul { list-style:none; margin:0; padding:0; } .events-container li { margin-bottom:1.5em; margin-left:0; background:#fff; /* padding:5px 10px; */; } .events-container li a { font-size:1.2em; text-decoration:none; } .events-month-list { font-size:1.4em; list-style:none; margin:0; padding:0; } .events-month-list li { margin-left:0; } .events-month-list a:after { content:" >"; } .events-viewcart { top:-30px !important; } .events-viewcart.noprint { position:absolute !important; right:20px !important; top:20px !important; z-index:1 !important; text-align:right; width:200px; } .events-addcart, .events-addcart:hover { display:inline-block; text-decoration:none; /*color:#fff; */ background:#fff url(//cdn.morphogine.net/misc_images/icons/famfam/cart.png) 8px no-repeat !important; padding:10px 10px 10px 30px; border-radius:10px; line-height:1; -webkit-border-radius:10px; -moz-border-radius:10px; } .events-print, .events-print:hover { display:inline-block; text-decoration:none; color:#333333; background:#fff url(//cdn.morphogine.net/misc_images/icons/famfam/printer.png) 8px no-repeat !important; padding:10px 10px 10px 30px; border-radius:10px; line-height:1; -webkit-border-radius:10px; -moz-border-radius:10px; } .calevent { display:inline-block; } .eventfeed { list-style:none; margin:0; padding:0; } .eventfeed li { margin-bottom:10px; } .eventfeed li strong { font-size:0.8em; } .save-calendar-options a, .save-calendar-options a:hover { line-height:2; font-size:1.3em; color:#C30057; } /* / calendar */ #folder-37DB826C-E8D4-4888-98A8-1FBBBF2D16C5 .folder-foldername { font-family:'Montserrat', sans-serif; font-weight:700; font-size:1.5em; color:#444343; } .section-updates { text-indent:-9999px; height:82px; margin:10px auto; text-indent:-9999px; background:url(/files/059AEEDD-3EC8-4639-8B4A-71500D9FBF55--4FCD329D-17D4-44BC-AB0D-C78BDBC82ADA/section-latest.png) no-repeat center; } .section-updates-events { padding:22px 0 30px 0; margin:0 auto; background:url(/files/059AEEDD-3EC8-4639-8B4A-71500D9FBF55--F9F55D9D-8754-40D8-9107-802F0FC8EC4B/section-events.png) top center no-repeat; } .section-updates-events h2 { text-indent:-9999px; padding:0; margin:0; height:0; } .section-updates-news { padding:22px 0 30px 0; margin:0 auto; background:url(/files/059AEEDD-3EC8-4639-8B4A-71500D9FBF55--762AE957-ADF5-400A-B811-DEAE9C03C594/section-news.png) top center no-repeat; } .section-updates-news h2 { text-indent:-9999px; padding:0; margin:0; height:0; } .section-updates-news ul li div.desc { position:absolute; top:0; left:0; z-index:1; padding:20px; } .section-updates-social { padding:22px 0 30px 0; margin:0 auto; background:url(/files/059AEEDD-3EC8-4639-8B4A-71500D9FBF55--678DCF5C-6AB3-486B-9973-7D9FFB40912D/section-social-updates.png) top center no-repeat; } .section-updates-social h2 { text-indent:-9999px; padding:0; margin:0; height:0; } .section-updates-events ul, .section-updates-news ul, .section-updates-social ul { list-style-type:none !important; margin:0; padding:0; overflow:hidden; } .section-updates-events ul li, .section-updates-news ul li, .section-updates-social ul li { background:#fff; float:left; margin:0 25px 0 0; padding:0; } .section-updates-events ul li a, .section-updates-news ul li a, .section-updates-social ul li a { display:block; } .section-updates-news ul li a { color:#575555; } .section-updates-events ul li .featured-thumb img, .section-updates-news ul li .featured-thumb img { width:290px; height:277px; } .section-updates-social ul li { background:#fff; padding:15px; width:260px; height:287px; overflow-y:auto; } .section-updates-social ul li.twitter-feed, td.twitter-feed { background:#fff url(/files/059AEEDD-3EC8-4639-8B4A-71500D9FBF55--5B990084-1DF0-4E32-A99C-CC7EAE233CDD/social-title-twitter.png) left top no-repeat; background-position:15px 15px; padding-top:77px; height:225px; } .section-updates-social ul li.facebook-feed, td.facebook-feed { height:287px; } /* url(/files/059AEEDD-3EC8-4639-8B4A-71500D9FBF55--069F45C3-55C3-44BF-8E8F-BCFEF153707E/social-title-facebook.png) left top no-repeat background-position:15px 15px; padding-top:77px; */ .section-updates-social ul li.facebook-feed div.feed-content, .section-updates-social ul li.twitter-feed div.feed-content, td.twitter-feed { height:214px; overflow:auto; } .section-updates-social ul li.facebook-feed div.feed-content div, .section-updates-social ul li.twitter-feed div.feed-content div, td.twitter-feed div { margin-bottom:10px; } .section-updates-events ul li div.info, .section-updates-news ul li div.info, .section-updates-social ul li div.info { position:absolute; z-index:2; bottom:5px; left:5px; right:5px; padding:10px 15px; background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.60); color:#fff; text-transform:uppercase; font-family:'Montserrat', sans-serif; font-weight:500; } .section-updates-events ul li div.date, .section-updates-news ul li div.date, .section-updates-social ul li div.date { font-size:0.9em; } .section-updates-events ul li div.title, .section-updates-news ul li div.title, .section-updates-social ul li div.title { font-size:1.2em; } .section-updates-events ul li:last-child, .section-updates-news ul li:last-child, .section-updates-social ul li:last-child { margin-right:0; } td.facebook-feed { background:#fff; padding:0; } td.twitter-feed { padding:77px 15px 15px 15px; width:260px; } nav[role=nav-social-bottom] { float:right; margin-top:9px; margin-left:10px; height:34px; } nav[role=nav-social-bottom] a { display:block; float:left; text-indent:-9999px; background:url(/files/3A347EC1-06D2-4111-8403-AF8C5706532D--745F577D-2835-46AF-8ECB-64A30295894E/icons-social.png); } nav[role=nav-social-bottom] a.blog { background-position:0 0; width:39px; height:35px; } nav[role=nav-social-bottom] a.blog:hover { background-position:0 -35px; } nav[role=nav-social-bottom] a.facebook { background-position:-48px 0; width:39px; height:35px; } nav[role=nav-social-bottom] a.facebook:hover { background-position:-48px -35px; } nav[role=nav-social-bottom] a.twitter { background-position:-87px 0; width:39px; height:35px; } nav[role=nav-social-bottom] a.twitter:hover { background-position:-87px -35px; } nav[role=nav-social-bottom] a.instagram { background-position:-126px 0; width:39px; height:35px; } nav[role=nav-social-bottom] a.instagram:hover { background-position:-126px -35px; } nav[role=nav-social-bottom] a.pinterest { background-position:-166px 0; width:39px; height:35px; } nav[role=nav-social-bottom] a.pinterest:hover { background-position:-166px -35px; } .scrollup { z-index:-1; background:#f1af01 url(/misc_images/icons/arrow-up.png) no-repeat center center; display:block; padding:20px; position:fixed; bottom:20px; right:30px; } @media only screen and (min-width:960px) { .padding-left-0 { padding-left:0; } .padding-right-0 { padding-right:0; } } @media only screen and (max-width:1280px) { .grid-container { min-width:1000px; } .banner-event-title { font-size:3em; } } @media only screen and (max-width:1130px) { } @media only screen and (max-width:1050px) { .grid-container { min-width:960px; } .section-content { padding:20px 20px; } } @media only screen and (max-width:960px) { .grid-container { min-width:320px; } .scrollup { display:none !important; } .banner-event-info { left:5%; margin-left:0; } ul#topnav li { padding:0; } } @media only screen and (max-width:900px) { ul#topnav li a { padding:0 4px; } } /* @media only screen and (max-width:414px) { .section-header-login ul li a { font-size:0.9em; padding:8px 9px; } .section-header-login .invert-colors { margin-left:0px; } .section-header-login .invert-colors li a { font-size:0.9em; } .section-header-login .invert-colors li.connect-nohover { background:#fff; padding:8px 9px; } } */ @media only screen and (max-width:766px) { .nav-bg { background:#103b7e; top:2px; height:auto; position:relative; } .logo { position:relative; display:block; text-align:center; top:0; margin:10px; } .tinynav { display:block; } ul#topnav, nav[role=nav-social-top] { display:none; } nav[role=nav-top1] { padding:0; display:none; } nav[role=nav-top2] { padding:20px; } .banner-event-info { left:5%; margin-left:0; top:5%; } .banner-event-title { font-size:2em; } .interior .banner { min-height:0; } .tinynav { left:10px; right:10px; width:97%; } nav[role=nav-social-bottom] { display:block; float:none; height:auto; } .section-footer-signup-bg { height:auto; } .memberlogin, .joinnow { float:left !important; } .content-interior { margin-top:0px; } .content-interior-header { margin-top:0px; height:auto; } .content-interior-header h1 { position:relative; bottom:0; white-space:normal; font-size:2em !important; color:#444343; } .content-interior-left { max-width:none; } .content-interior-right { padding-left:0; } .featured-items { text-align:center; } .featured-items li { display:inline-block; margin:20px auto; } .banner-interior { display:none; } .calendar td { display:table-cell; width:auto; } .calendar tr { display:table-row; width:auto; } .section-footer-signup { padding:10px 30px; } .section-footer { padding:30px 20px; } .section-footer-content-contactinfo { padding-bottom:20px; } .section-footer-sponsors-logos { position:relative; bottom:0; right:0; margin:0 auto; } .section-footer-terms { text-align:center; } .section-footer-terms strong { display:block; } } @media only screen and (max-width:766px) { .mini-events { width:100%; } } #topnav .hidetopnav, .hidealways { display:none; } .anim-left-to-right { -webkit-animation: anim_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: anim_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); -o-animation: anim_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); animation: anim_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } /* left to right animation */ @-webkit-keyframes anim_left_to_right { 0% { -webkit-transform:translate(-15%,0); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @-moz-keyframes anim_left_to_right { 0% { -moz-transform:translate(-15%,0); opacity: 0; } 100% { -moz-transform:translate(0,0); opacity: 1; } } @-o-keyframes anim_left_to_right { 0% { -o-transform:translate(-15%,0); opacity: 0; } 100% { -o-transform:translate(0,0); opacity: 1; } } @keyframes anim_left_to_right { 0% { transform:translate(-15%,0); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } /* arrow rotate */ .arrow { width:10px; height:10px; border-top:5px solid white; border-right:5px solid white; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } /* .right { -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; } */ .down { -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=-0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=-0.7071067811865476)"; } .left { -moz-transform:rotate(225deg); -webkit-transform:rotate(225deg); -o-transform:rotate(225deg); -ms-transform:rotate(225deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=-0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=-0.7071067811865476)"; } .up { -moz-transform:rotate(315deg); -webkit-transform:rotate(315deg); -o-transform:rotate(315deg); -ms-transform:rotate(315deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476)"; } #poweredby { font-size: 0.7em; opacity: 0.1; position: absolute; bottom: 0; background: #0b3d92; color: #fff; border-radius: 5px 5px 0 0; padding: 0 5px; left: 50%; transform: translateX(-50%); } #poweredby:hover { opacity: 1; } #poweredby a, #poweredby a:hover { color: #fff; } .pager { display:flex; list-style: none; margin:1em 0; padding:0; } .pager li:first-child { flex:1 1 auto; margin:0; padding:0; } .readmore-marker { visibility:hidden; } .readmore { background:inherit; padding:10px 0 0 0; } .readmore a, .readmore a:hover { display:inline-block; background:#4f8aca; color:#fff; margin-top:20px; padding:3px 10px; border-radius: 15px; text-decoration:none; } .readmore-content { height:200px; overflow:hidden; } @media only screen and (max-width:576px) { .readmore { text-align:center; } }