.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-twitter:before { content: "\f099"; } .fa-tumblr:before { content: "\f173"; } .fa-instagram:before { content: "\f16d"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-envelope-alt:before { content: "\f003"; } .toggler span { color: #FFF; } .container { max-width: none; } body { font-family: 'Gotham-book'; font-size: 14px; font-style: normal; font-weight: normal; color: #585858; background: #f4f4f4; } body { overflow-x: hidden !important; } body.rs-noscroll { overflow: hidden; } body.admin-menu { margin-top: 0 !important; } li { margin-left: 15px; padding-left: 5px; } iframe { border: none; } p { font-size: 16px; } /*HEADER*/ header { position: absolute; z-index: 2; z-index: 50; width: 100%;} #zone-navigation-wrapper { height: 87px; background: rgba(20, 21, 79, 0.80) } .logo { float: left; margin-top: 15px; } .block ul.nice-menu, .block ul.nice-menu ul { left: 155px; top: 15px; } #region-navigation .nice-menu-down li.menuparent ul { margin-left: -155px; margin-top: 57px; } #region-navigation .nice-menu-down li.menuparent ul li ul { margin-left: 50px; margin-top: 8px; } h1 { margin: 0; padding: 0; } .zone-mobilelogo a { position: relative; z-index: 50; display: block; } #zone-mobilelogo img { max-width: 95px !important; } body.logged-in #zone-mobilelogo { position: absolute; left: 5px; top: 63px; } .addthisevent-drop { display: none !important; } /* Mobile Donation Tracking Styles */ .donate-desktop, .donate-bar-button.donate-desktop { display: none; } .donate-mobile { display: inline-block; } #zone-footer #pop-out { position: fixed; z-index: 999999999; left: 0; top: calc(49% + 144px); background-color: #bd1380; height: 48px; line-height: 47px; width: 84px; text-align: center; font-weight: bold; font-size: 17px; border-radius: 0px 4px 4px 0; font-family: 'Museo'; transition: width .15s ease-in-out; display: none; } #zone-footer #pop-out:hover { width: 100px; color: #fff; } /* Donate Bar */ .donate-bar { position: fixed; z-index: 1000; left: 0; bottom: 0; background-color: #bd1380; width: 100%; text-align: center; font-weight: bold; font-size: 20px; transition: all .15s ease-in-out; display: none!important; } section.donate-bar.closed { overflow: hidden; bottom: -200px; } .at-share-dock.atss { z-index: 999 !important; } .donate-bar-container { position: relative; display: none!important; } .donate-bar-container .close { position: absolute; right: 10px; bottom: 20px; color: black; font-size: 10px; text-transform: uppercase; line-height: initial; cursor: pointer; font-family: 'Gotham-book'; display: none!important; } .donate-bar-content { font-weight: bold; font-size: 16px; font-family: 'Gotham-book'; color: #fff; margin-bottom: 6px; margin-top: 6px; display: inline-block; display: none!important; } .donate-bar-button { background-color: #ffffff; color: #000 !important; border-radius: 4px; padding: 8px; font-family: 'Gotham-book'; font-size: 16px; display: inline-block; margin-bottom: 6px; margin-left: 6px; display: none!important; } #block-menu-menu-footer-quick-links .last { padding: 10px 0; } #region-aftercontent #featuredtap{margin-left: 14%; margin-right: 14%; margin-top: 2%; } .node-type-tap div.region-inner.region-content-inner #featuredtap.centerContent{display: table-footer-group;} .node-type-tap .innerpagezone .region-content {display: table;} .node-type-tap div.region-inner.region-content-inner #block-system-main{display: table-header-group;} .page-node-89064 div.region-inner.region-content-inner #featuredtap.centerContent{} .page-node-93258 div.region-inner.region-content-inner #featuredtap.centerContent{display:block !important;} #donate-footer { border: 2px white solid; padding: 7px; border-radius: 12px; transition: color 0.3s ease; } #donate-footer:hover { border: 2px solid #a0a0a0; } /*MENU*/ #block-nice-menus-5 li { margin: 0; } #block-nice-menus-5 .nice-menu a, #block-nice-menus-5 .menuparent a { font-family: 'Gotham' !important; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 17px !important; padding: 13px 15px 29px ; height: auto !important; } #block-nice-menus-5 .nice-menu a:hover, #block-nice-menus-5 .menuparent a:hover { padding: 13px 15px 29px ;font-family: 'Gotham' !important; } .showMobile { display: none; } .active-trail > a { color: #5fcaea !important; } #block-nice-menus-5 .nice-menu a span, #block-nice-menus-5 .menuparent a span { display: none; } #block-nice-menus-5 li { position: static !important; } #block-nice-menus-5 .nice-menu, #block-nice-menus-5 .nice-menu ul { left: 15px !important; margin-left: 15px; margin-top: 15px; padding-bottom: 0 !important; position: static !important; } #region-navigation .nice-menu-down > li.menuparent > ul { position: absolute !important; margin-left: 0 !important; width: 925px !important; background-color: rgba(188, 19, 126, 0.83) !important; left: 0 !important; right: 0 !important; top: 87px !important; max-width: 100% !important; margin-top: 0 !important; margin: 0 auto !important; padding: 5px 0 15px !important; } /*MEDIA AWARDS 2017 MENU */ #block-nice-menus-8 li { margin: 0; } #block-nice-menus-8 .nice-menu a, #block-nice-menus-8 .menuparent a { text-align:center;color:#fff;font-family: 'Gotham' !important; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 17px !important; padding: 13px 15px 29px ; height: auto !important; } #block-nice-menus-8 .nice-menu a:hover, #block-nice-menus-8 .menuparent a:hover { padding: 13px 15px 29px;font-family: 'Gotham' !important; } .showMobile { display: none; } .active-trail > a { color: #5fcaea !important; } #block-nice-menus-8 .nice-menu a span, #block-nice-menus-8 .menuparent a span { display: none; } /*MEDIA AWARDS 2018 MENU */ #block-nice-menus-9 li { margin: 0; } #block-nice-menus-9 .nice-menu a, #block-nice-menus-9 .menuparent a { text-align:center;color:#fff;font-family: 'Gotham' !important; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 17px !important; padding: 13px 15px 29px ; height: auto !important;} #block-nice-menus-9 .nice-menu a.contextual-links-trigger { display: none; } #block-nice-menus-9 .nice-menu a:hover, #block-nice-menus-9 .menuparent a:hover { padding: 13px 15px 29px;font-family: 'Gotham' !important; } .showMobile { display: none; } .active-trail > a { color: #5fcaea !important; } #block-nice-menus-9 .nice-menu a span, #block-nice-menus-9 .menuparent a span { display: none; } /*MEDIA AWARDS 2019 MENU */ #block-nice-menus-10 li { margin: 0; } #block-nice-menus-10 .nice-menu a, #block-nice-menus-10 .menuparent a { text-align:center;color:#fff;font-family: 'Gotham' !important; font-weight: bold; font-style: normal; text-transform: uppercase; font-size: 17px !important; padding: 13px 15px 29px ; height: auto !important; text-decoration: none; width: 100%; float: left; background-color: transparent; line-height: 30px; transition: background-color 0.3s ease; } #block-nice-menus-10 .nice-menu a.contextual-links-trigger { display: none; } #block-nice-menus-10 .nice-menu a:hover, #block-nice-menus-10 .menuparent a:hover { padding: 13px 15px 29px;font-family: 'Gotham' !important; } .showMobile { display: none; } .active-trail > a { color: #5fcaea !important; } #block-nice-menus-10 .nice-menu a span, #block-nice-menus-10 .menuparent a span { display: none; } #block-nice-menus-10 .nice-menu, #block-nice-menus-10 .nice-menu * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*NEW MENU*/ .adr span,.adr div,.date-display-single {font-size:18px;} .double {padding-top:5px!important;} .mainlogo {padding:0!important;} .malogo {padding:5px 5px 0 5px !important} .nice-menu-5 .contextual-links-wrapper {dislay:none;} .puchasetickets a {border-radius: 10px;} #page .grid-12 { margin-left: 0; margin-right: 0; } header#section-header { position: absolute; width: 100%; top: 0; } body.logged-in header#section-header { top: 62px; } #zone-navigation { max-width: 90%; height: 87px; width: 1220px; margin: auto; } body.logged-in #zone-navigation { margin-top: 62px; } #zone-navigation #region-navigation { width: 80%; } @media screen and (min-width: 767px) { #menusearch { display: none; } } .mean-nav ul li:first-child h2 { display: none;// removed .mean-nav ul li:first-child a, } .homeSlider { margin-top: 0 !important; box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.6); } #block-views-call-to-action-home3 .homeSlider, #block-views-call-to-action-home4 .homeSlider { margin-top: 0px !important; } @media screen and (min-width: 767px) { .homeSlider { box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2); } #block-views-call-to-action-home3 .homeSlider, #block-views-call-to-action-home4 .homeSlider { margin-top: -40px !important; background: brown; background-position: center center;} } #block-nice-menus-8 li { position: static !important; } #block-nice-menus-8 .nice-menu, #block-nice-menus-8 .nice-menu ul { left: 15px !important; margin-left: 15px; margin-top: 15px; padding-bottom: 0 !important; position: static !important; } @media screen and (min-width: 950px) { #region-navigation .nice-menu-down > li.menuparent > ul { position: absolute !important; margin-left: 0 !important; width: 925px !important; background-color: rgba(188, 19, 126, 0.83) !important; left: 0 !important; right: 0 !important; top: 87px !important; max-width: 925px !important; margin-top: 0 !important; margin: 0 auto !important; padding: 5px 0 15px !important; } } #region-navigation { position: static !important; } #region-navigation .nice-menu-down ul li { background: none !important; } #region-navigation .nice-menu-down ul li a { text-transform: none; font-size: 16px; padding: 5px 0 5px !important; } #region-navigation .nice-menu-down ul li ul li a { font-weight: 500 !important; font-size: 15px !important; line-height: 22px !important; padding: 0 0 0 15px !important; background: url(../images/dot.png) no-repeat 0 10px; } #region-navigation .nice-menu-down ul li ul li a:hover { background: url(../images/dot.png) no-repeat 0 10px; color:color:#5FCAEA;; } #region-navigation .nice-menu-down > li.menuparent > ul:before { background: rgba(188, 19, 126, 0.83); position: absolute; width: 100%; height: 100%; left: -100%; top: 0; bottom: 0; right: 0; content: ""; } #region-navigation .nice-menu-down > li.menuparent > ul:after { background: rgba(188, 19, 126, 0.83); position: absolute; width: 100%; height: 100%; right: -100%; top: 0; bottom: 0; left: auto; content: ""; } #region-navigation .nice-menu-down li.menuparent ul li ul { display: block !important; visibility: visible; padding: 0 !important; margin: 0 !important; width: 100%; opacity: 1 !important; } #region-navigation .nice-menu-down li.menuparent ul li ul li { width: 100% !important; } #region-navigation .nice-menu-down li.menuparent ul li ul li { display: block !important; float: none !important; visibility: visible !important; } #block-nice-menus-5 .over li { width: 25% !important; clear: none !important; } /*#region-navigation .nice-menu-down li.menuparent ul li ul.MenuScroll { display: none !important; }*/ #region-navigation .nice-menu-down li.menuparent ul li ul.MenuScroll.MenuScrollShow { display: block !important; } #region-navigation .nice-menu-down ul > li { padding: 0; float: left !important; clear: none !important; } #block-nice-menus-5 .nice-menu a:hover, #block-nice-menus-5 .menuparent a:hover, #block-nice-menus-5 .nice-menu li:hover > a { background: none; color: #5FCAEA; } #region-navigation .nice-menu-down li.selected > ul { display: block !important; visibility: visible !important; } #block-nice-menus-5 .selected li { clear: none !important; width: 25% !important; } .menu .active-trail a{color: #fff !important;} #region-navigation{padding-bottom: 0px !important;} #block-nice-menus-8 .over li { width: 25% !important; clear: none !important; } #block-nice-menus-8 .nice-menu a:hover, #block-nice-menus-8 .menuparent a:hover, #block-nice-menus-8 .nice-menu li:hover > a { background: none; color: #5FCAEA; } #block-nice-menus-8 .selected li { clear: none !important; width: 25% !important; } #block-nice-menus-9 .nice-menu a:hover, #block-nice-menus-9 .menuparent a:hover, #block-nice-menus-9 .nice-menu li:hover > a { background: none; color: #5FCAEA; } #block-nice-menus-9 .selected li { clear: none !important; width: 25% !important; } #block-nice-menus-10 .nice-menu a:hover, #block-nice-menus-10 .menuparent a:hover, #block-nice-menus-10 .nice-menu li:hover > a { background: none; color: #5FCAEA; } #block-nice-menus-10 .selected li { clear: none !important; width: 25% !important; } /*END NEW MENU*/ /* HACK HACK HACKIN AWAY */ .grid-12,.grid-2,.grid-10 {margin:0!important;} /*JOIN US*/ #region-navigation { width: 864px; } #region-support-navigation { float:right; width: 310px; } #block-menu-menu-support-menu li a { font-family: 'Museo' !important; font-weight: 700; font-style: normal; font-size: 16px !important; text-transform: uppercase; text-decoration: none !important; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #block-menu-menu-support-menu { width: 100%; } .searchBox { background: #bd1380; overflow: hidden; padding: 35px 0; position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; } #block-menu-menu-support-menu li { width: auto; background: none !important; padding: 0px 6px 2px !important; border-radius: 10px; margin-right: 0 !important; margin-left: 20px !important; } #block-menu-menu-support-menu li.sLast { padding: 0 !important; } #block-menu-menu-support-menu li.first.leaf { border: 3px solid #fff; } #block-menu-menu-support-menu li.first.leaf:hover { background: #fff !important; } #block-menu-menu-support-menu li.first.leaf:hover a { color: #121d48; text-decoration: none; } #block-menu-menu-support-menu ul, #block-menu-menu-spirit-day-support-menu ul { float: right;} #block-menu-menu-support-menu li.last.leaf { border: 3px solid #bd1380; } #block-menu-menu-support-menu li.last.leaf.sLast { border: none; } #block-menu-menu-support-menu li.last.leaf.sLast:hover { background: none !important; } #block-menu-menu-support-menu li.last.leaf:hover { background: #bd1380 !important; } #block-menu-menu-support-menu li.last.leaf:hover a { color: #fff; text-decoration: none; } #block-menu-menu-support-menu li.last.leaf a { color: #bd1380 } #region-support-navigation { margin-top: 14.5px; } .searchWrap form { position: relative; } .search-ico { display: block; background: url(../images/search-ico.png) no-repeat 0 0; width: 30px; height: 30px; } .searchIco { background: url(../images/searchIco.png) no-repeat center center !important; position: absolute; right: 0; top: 0; width: 60px !important; border: none !important;margin-right: 0px !important;} /*SEARCH BOX*/ .searchBox .container { max-width: 1220px; margin: 0 auto; padding: 0 15px; } .closeBtn { overflow: hidden; max-width: 950px; margin: 0 auto 50px; } .closeBtn a { font-family: 'Museo'; font-weight: 700; font-style: normal; font-size: 18px; color: #fff; border: 3px solid #fff; float: right; border-radius: 8px; padding: 0 12px; height: 35px; line-height: 30px;box-sizing: border-box;} .searchWrap { clear: both; max-width: 950px; margin: 0 auto; } .searchWrap input { height: 56px; width: 100%; color: #3c3c3c; font-weight: normal; font-style: normal; font-size: 32px !important; padding-left: 20px; } .searchWrap input:focus { -webkit-box-shadow: 0px 0px 22px 0px rgba(255,255,255,0.6); -moz-box-shadow: 0px 0px 22px 0px rgba(255,255,255,0.6); box-shadow: 0px 0px 22px 0px rgba(255,255,255,0.6); } .searchWrap .form-item-search-block-form input{padding-right: 55px;} .autoSuggest { margin-top: 30px; } .autoSuggest h5 { font-family: 'Gotham' !important; font-weight: bold; font-style: normal; font-size: 19px; color: #fff; margin-bottom: 20px; } .autoSuggest .autoSuggestInner { padding: 0 15px; } .autoSuggest .autoSuggestInner ul { padding: 0; margin: 0; } .autoSuggest .autoSuggestInner ul li { list-style-type: none; margin-bottom: 15px; margin-left: 0; padding-left: 0; } .autoSuggest .autoSuggestInner ul li a { color: #fff; font-size: 25px !important; font-family: 'Gotham-book'; font-weight: normal; font-style: normal; } .search-ico { margin-top: 2px !important; } /*FOOTER*/ #zone-footer { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ width: 100%; max-width: 720px; margin: auto; justify-content: center; } #zone-footer .region { display: inline-block; width: 220px; } .context-mediaawards #zone-footer .region { width: initial; } @media screen and (min-width: 980px) { #zone-footer { max-width: 960px; } #zone-footer .region { width: 300px; } .context-mediaawards #zone-footer .region { width: initial; } } @media screen and (min-width: 1180px) { #zone-footer { max-width: 1160px; } } @media screen and (max-width: 739px) { #zone-footer { display: block; width: 100%; margin: 0; align-content: center; padding: 0 10px; box-sizing: border-box; } #zone-footer .region { display: block; width: 100%; } } #zone-footer-wrapper { background-color: #111111 !important; } .region-footer-first { background-color: #111111 !important; } footer ul.menu li { line-height: 100%; padding: 0; margin-bottom: 7px; margin-left: 0; } footer ul.menu li a { font-family: 'Gotham' !important; font-weight: 500; font-size: 14px !important; } .socialIco ul { overflow: hidden; } .socialIco li { display: block; float: left; height: 25px; font-size: 14px; line-height: 18px; list-style-type: none; padding-left: 30px; position: relative; margin-bottom: 10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-left: 0; } .socialIco li a { display: block; padding-top: 1px; padding-right: 15px; font-weight: 700; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .socialIco li a span { color: #fff; font-size: 18px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 18px; position: absolute; left: 0; height: 30px; } .socialIco li a:hover span { color: #fff !important; } .socialIco li a.fb:hover span, .socialIco li a.fb:hover { color: #0072bc !important; } .socialIco li a.twit:hover span, .socialIco li a.twit:hover { color: #00ACED !important; } .socialIco li a.tumb:hover span, .socialIco li a.tumb:hover { color: #36465D !important; } .socialIco li a.insta:hover span, .socialIco li a.insta:hover { color: #AC7D49 !important; } #region-footer-first p { font-family: 'Gotham-book'; font-weight: normal; font-style: normal; font-size: 14px; color: #f1f2f2; } #region-footer-first p strong { font-family: 'Gotham'; font-weight: bold; } /*.region-footer-second-inner{ padding-left:50px; }*/ footer h2.block-title { font-family: 'Museo'; font-weight: 700; font-style: normal; font-size: 18px; color: #fff !important; margin-bottom: 10px; } footer .zone-wrapper { padding: 35px 0; } /*.region-footer-second{ padding:30px 0; } .region-footer-third{ padding:30px 0; }*/ .region-inner.region-footer-first-inner { padding-right: 25px; } .footer-logo { margin-bottom: 20px; } .scrollup { width: 64px; height: 64px; position: fixed; bottom: 30px; right: 20px; display: none; text-indent: -9999px; background: url('../images/icon_top.png') no-repeat; z-index: 999; } /*body.context-blog .scrollup { bottom: 30px; } body.front .scrollup { bottom: 30px; }*/ /*404*/ .noPageWrap { padding: 100px 0 320px; background: url(../images/crack.jpg) no-repeat center bottom; } .noPageWrap h2 { font-size: 70px; font-family: 'Museo'; color: #bd1380; margin-bottom: 15px; line-height: 100%; } .noPageWrap p { margin-bottom: 10px; } .noPageWrap ul { margin-bottom: 0; margin-top: 20px; } .noPageWrap li { display: inline-block; margin: 0; } .noPageWrap li a { color: #bd1380; padding: 0 5px 2px; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .noPageWrap li a:hover { background: #bd1380; color: #fff; } /* SLIDER */ #page { background-color: #f4f4f4; } .homeSlider { background-repeat: no-repeat; background-position: top; height: 550px; background-size: cover; position: relative; z-index: 1; margin-top: -87px; padding-top: 87px; } .view-call-to-action .homeSlider { max-height: 429px; width: 130%; } .block-views-call-to-action-home1 .view-call-to-action .homeSlider, .view-display-id-top_cta_slider_homepage .homeSlider { max-height: 550px; } .homeSlider .container { height: 100%; /*padding:0;*/ } .homeSlider .container .sliderContent { display: table; height: 100%; width:100%; min-height: 194px;} .homeSlider .container .sliderContent .sliderWidth { display: table-cell; vertical-align: middle; } .homeSlider .container .sliderContent h2 { font-family: 'Museo'; font-weight: 700; font-style: normal; font-size: 75px; color: #fff; line-height: 100%; max-width: 70%; letter-spacing: 0; margin-bottom: 10px;} .homeSlider .container .sliderContent p { font-family: 'Gotham'; font-weight: 500; color: #fff; font-size: 19px; margin-bottom: 30px; max-width: 70%; } .homeSlider .container .sliderContent .sliderWidth { margin-top: -40px; } .homeSlider .container .sliderContent .sliderWidth .lrnMore { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .homeSlider .container .sliderContent .sliderWidth .lrnMore { display: inline-block; vertical-align: middle; /*-webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;*/ position: relative; overflow: hidden; color: #f99d20; font-family: "Museo"; font-size: 25px !important; font-style: normal; font-weight: 700; padding-bottom: 5px; } .homeSlider .container .sliderContent .sliderWidth .lrnMore:before { content: ""; position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; background: #f99d20; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } /*.homeSlider .container .sliderContent .sliderWidth .lrnMore:hover:before, .homeSlider .container .sliderContent .sliderWidth .lrnMore:focus:before, .homeSlider .container .sliderContent .sliderWidth .lrnMore:active:before { left: 51%; right: 51%; }*/ .homeSlider .container .sliderContent .sliderWidth .lrnMore:hover:before, .homeSlider .container .sliderContent .sliderWidth .lrnMore:focus:before, .homeSlider .container .sliderContent .sliderWidth .lrnMore:active:before{ -webkit-animation: pinkBtnHover 1s; -moz-animation: pinkBtnHover 1s; -o-animation: pinkBtnHover 1s; animation: pinkBtnHover 1s; } @-webkit-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @-moz-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @-o-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } /*.homeSlider .container .sliderContent .sliderWidth .lrnMore:hover{ opacity:0.8; }*/ .mobileSlider { display: none; } /*BREAKING NEWS*/ .pinkColor { background: #bd1380; } #breakingNews { margin-bottom: 40px; position: relative; z-index: 5; margin-top: -85px;} #breakingNews .container { position: relative; } #breakingNews .pinkColor { display: table; width: 100%; height: 100%; } #breakingNews .pinkColor .pinkWrap { display: table-cell; vertical-align: top; padding: 35px; } #breakingNews .pinkColor h2 { color: #fff; } #breakingNews .pinkColor .signIn { display: inline-block; /*vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;*/ position: relative; overflow: hidden; font-family: 'Museo'; font-weight: 700; font-style: normal; font-size: 20px; color: #fff; padding-bottom: 5px; } #breakingNews .pinkColor .signIn:before { content: ""; position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; background: #fff; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #breakingNews .pinkColor .signIn:hover:before, #breakingNews .pinkColor .signIn:focus:before, #breakingNews .pinkColor .signIn:active:before { -webkit-animation: pinkBtnHover 1s; -moz-animation: pinkBtnHover 1s; -o-animation: pinkBtnHover 1s; animation: pinkBtnHover 1s; } @-webkit-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @-moz-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @-o-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } .wrapperSide { width: 250px; float: right; position: relative; /*margin-bottom:-210px;*/ top:-30px; margin-bottom:-60px; margin-top: 5px; margin-right: -30px; height: 100%; right: 0; bottom: 0; } #breakingNews .whitebg { padding: 30px 0 30px 15px; min-height: 338px;} .brk-news-cont {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-left:15px;} .brk-news-cont .wrapperSide {float: none;height: auto;margin-left: 30px;right:-1px;} .ieLower #breakingNews .whitebg{ position: relative;} .ieLower .brk-news-cont{ display: block; } .ieLower .brk-news-cont .wrapperSide{ position: absolute; bottom: 0; top: 0; height: 100%;} /*COLUMS*/ .smallTitle { color: #777777; font-family: 'Gotham'; font-weight: bold; text-transform: uppercase; padding-bottom: 0px; font-size: 16px; } .h2Title { color: #3c3c3c; font-family: 'Gotham'; font-weight: 500; font-size:18px; } .h2TitleSm { color: #3c3c3c; font-family: 'Gotham'; font-weight: 500; font-size: 16px; } .secTitle { float:left;font-size: 35px; font-weight: 500; color: #252525; line-height: 40px; font-family: 'Gotham'; } .clearb { clear: both; } a:link, a:visited { font-family: 'Gotham-book'; text-decoration: none; } .minusMarTop { margin-top: -40px; position: relative; } #breakingNews p { color: #3c3c3c; font-family: 'Gotham'; font-weight: 500; font-size: 16px;} .h2Title a { font-size: 18px; font-weight: 800; color: #3c3c3c; font-family: 'Gotham'; } @media screen and (min-width: 767px) { .h2Title a { font-weight: 500; font-size: 23px; } } .whitebg { background: #fff; padding: 25px 30px 30px; } .whitebg .feaImg { margin-right: -50px; } .whitebg .brk-news-cont .feaImg { margin-right: 0; } /* 3 Oct 2016 */ .pinkBtn { display: inline-block; vertical-align: middle; /*-webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;*/ position: relative; overflow: hidden; font-family: 'Museo' !important; font-weight: 700; font-style: normal; font-size: 20px; color: #bd1380 !important; padding-bottom: 5px; } .pinkBtn:before { content: ""; position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; background: #bd1380; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .pinkBtn:hover:before, .pinkBtn:focus:before, .pinkBtn:active:before { -webkit-animation: pinkBtnHover 1s; -moz-animation: pinkBtnHover 1s; -o-animation: pinkBtnHover 1s; animation: pinkBtnHover 1s; } @-webkit-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @-moz-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @-o-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } .pinkBtnG { display: inline-block; vertical-align: middle; /*-webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;*/ position: relative; overflow: hidden; font-family: 'Gotham' !important; font-weight: 700; font-style: normal; font-size: 14px; text-transform: uppercase; color: #bd1380 !important; padding-bottom: 7px; } .pinkBtnG:before { content: ""; position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; background: #bd1380; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .pinkBtnG:hover:before, .pinkBtnG:focus:before, .pinkBtnG:active:before { -webkit-animation: pinkBtnHover 1s; -moz-animation: pinkBtnHover 1s; -o-animation: pinkBtnHover 1s; animation: pinkBtnHover 1s; } @-webkit-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @-moz-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @-o-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } /*TWITTER SETTING*/ /* hidde twitter on home*/ /*#twitterFeed{display:none;}*/ .slick-list { overflow: visible; } .twitLogo .slick-prev { left: 0; top: auto; bottom: -40px; } .twitLogo .slick-next { right: 5px; top: auto; bottom: -40px; } .twitLogo .slick-prev:focus, .twitLogo .slick-next:focus { box-shadow: none; } .slick-prev, .slick-next { z-index: 99999; } .slick-prev::before, .slick-next::before { color: #000; } #twitterFeed { overflow: hidden; margin-bottom: 40px; } .flex-control-paging li a { background: #e3e3e3; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .flex-control-paging { display: none; } .flex-control-paging li a.flex-active { background: #bd1380; } .tweetCarousel { margin-left: 50px; } #twitterFeed .container { position: relative; padding: 0; max-width: 100% !important; width: 100%; } #twitterFeed .flexslider { border: none; } .flex-direction-nav { display: block; } .flexslider .flex-direction-nav a { display: block; opacity: 1; } #twitterFeed .feedPadd { padding-right: 30px; padding-left: 30px; border-right: 4px solid #e3e3e3; height:100% } #twitterFeed .items { font-family: 'Gotham-book'; font-size: 19px; color: #3c3c3c;/* padding-right:30px;*/ padding: 0; background: #F4F4F4; margin-left: 0; } #twitterFeed .flexslider .slides li:last-child { border-right-color: transparent; } .twitLogo { position: absolute; left: 15px; top: 6px; z-index: 99; background: #F4F4F4; } #twitterFeed .flex-viewport { overflow: visible !important; } #twitterFeed .flexslider .slides li span { font-weight: bold; font-style: italic; font-size: 15px; } #twitterFeed .flexslider .flex-direction-nav a, #twitterFeed .flexslider .flex-direction-nav a { display: block !important; } #twitterFeed .flex-direction-nav a { top: 55px; color: #F4F4F4; margin-top: 0; left: -16px; right: auto; height: 34px; width: 16px; } #twitterFeed .flex-direction-nav .flex-prev { left: -48px; } #twitterFeed .flex-direction-nav .flex-disabled { opacity: 1 !important; } #twitterFeed .flex-direction-nav a:before { font-size: 25px; color: #6c6c6c; } #twitterFeed .container:before { background: #f4f4f4; bottom: 0; content: ""; height: 100%; display: block; left: 0; position: absolute; top: 0; width: 65px; z-index: 9; } a:focus { outline: none !important; } /*CENTER BANNER*/ .centerBanner { background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 0; } .innerCenterBanner .centerBanner { margin-bottom: 30px; } .innerCenterBanner .centerBanner.extPadd .bannerWrap .bannerCont { padding-bottom: 100px; } .centerBanner .container { position: relative; height: 100%; } .centerBanner .bannerWrap { /*display:table; height:100%*/; max-width: 85%; } .centerBanner .bannerWrap .bannerCont {/* display:table-cell; vertical-align:middle; */ padding: 80px 30px 140px; } .centerBanner.extPadd .bannerWrap .bannerCont { padding: 140px 30px; } .centerBanner .bannerWrap .bannerCont h2 { font-family: 'Museo'; font-weight: 700; font-style: normal; font-size: 60px; letter-spacing: 0.02em; line-height: 60px; color: #fff } .centerBanner .bannerWrap .bannerCont p { font-size: 19px; font-weight: 500; color: #fff; margin-bottom: 10px; font-family: 'Gotham'; } .centerBanner .cenReadMore { display: inline-block; vertical-align: middle; /* -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;*/ position: relative; overflow: hidden; font-family: 'Museo'; font-weight: 700; font-style: normal; font-size: 25px; padding-bottom: 3px; color: #f99d20; } .centerBanner .cenReadMore:before { content: ""; position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; background: #f99d20; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .centerBanner .cenReadMore:hover:before, .centerBanner .cenReadMore:focus:before, .centerBanner .cenReadMore:active:before { -webkit-animation: pinkBtnHover 1s; -moz-animation: pinkBtnHover 1s; -o-animation: pinkBtnHover 1s; animation: pinkBtnHover 1s; } @-webkit-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @-moz-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @-o-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } /* OUR PROGRAMS */ .PrgramWrapper { position: relative; z-index: 5; margin-top: -10px; } @media screen and (min-width: 767px) { .PrgramWrapper { position: relative; z-index: 5; margin-top: -25px; } } .centerContent .whitebg { padding: 30px 35px 15px; } .centerContent .whitebg h2 { display: inline-block; } .seeAll { float: right; margin-top: -2px; } .centerContent .row { margin-left: -12.5px; margin-right: -12.5px; } .centerContent .row .item { padding-left: 12.5px; padding-right: 12.5px; } .centerContent .row .item .progImg { margin-bottom: 25px; } .progImg img, #block-views-pub-series-pubseries .progImg img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 100%; } .contentPrg, #block-views-pub-series-pubseries .progImg .contentPrg { background: none; position: absolute; bottom: 15px; top: 15px; left: 15px; right: 15px; padding: 15px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .vCenter, #block-views-pub-series-pubseries .progImg .vCenter { height: 100%; position: relative; z-index: 50; padding: 0 15px; } #block-views-pub-series-pubseries .progImg .vCenter {display: none;} .progImg:hover .vCenter, #block-views-pub-series-pubseries .progImg:hover .vCenter { display: block; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); height: auto; display: block; position: absolute; left: 0; right: 0; } .ieLower .progImg:hover .vCenter, .ieLower #block-views-pub-series-pubseries .progImg:hover { top: 0 !important; transform: translateY(0) !important; -webkit-transform: translateY(0) !important; padding-top: 15px; } .contentPrg p, #block-views-pub-series-pubseries .progImg .contentPrg p { font-family: 'Gotham-book'; font-style: normal; font-weight: normal; color: #fff; font-size: 14px; margin: 0; display: none; } .progImg:hover .vCenter p, #block-views-pub-series-pubseries .progImg:hover .vCenter p { display: block; } .contentPrg a, #block-views-pub-series-pubseries .progImg .contentPrg a { color: #fff; border-bottom: 4px solid #fff; padding-bottom: 4px; } .progImg, #block-views-pub-series-pubseries .progImg { position: relative; overflow: hidden;} .progImg:hover .progTitle .title, #block-views-pub-series-pubseries .progImg:hover .progTitle .title { border-bottom: none; display: block; left: 0; position: static; text-align: center; transform: translateX(0px); white-space: normal; } .progImg:hover .progTitle .title span:before, #block-views-pub-series-pubseries .progImg:hover .progTitle .title span:before { background: none; } .progImg:hover .progTitle .blckShad, #block-views-pub-series-pubseries .progImg:hover .progTitle .blckShad { display: none; } .progImg:hover .contentPrg, #block-views-pub-series-pubseries .progImg:hover .contentPrg { background: rgba(188, 19, 126, 0.80); } .progImg .progTitle, #block-views-pub-series-pubseries .progImg .progTitle { display: block; text-align: center; z-index: 20; color: #FFF; } .progImg .progTitle .title, #block-views-pub-series-pubseries .progImg .progTitle .title { text-align: center; position: absolute; bottom: -10px; z-index: 15; left: 0; right: 0; } .progImg .progTitle .title span, #block-views-pub-series-pubseries .progImg .progTitle .title span { color: #fff; font-size: 20px; padding-bottom: 5px; position: relative; display: inline-block; font-family: 'Museo'; font-weight: 700; } .ourWorkData .progImg .progTitle .title span { font-family: 'Gotham'; font-weight: 700; } .ourWorkData .progImg:hover .contentPrg { font-family: 'Gotham'; font-weight: 700; } .progImg .progTitle .title span:before { position: absolute; bottom: -4px; height: 4px; width: 100%; content: ""; left: 0; right: 0; background: #fff; } .progImg:hover .contentPrg { opacity: 1; font-family: 'Museo'; font-weight: 700; font-style: normal; font-size: 16px; } .blckShad { position: absolute; bottom: -15px; left: -15px; right: -15px; height: 85px; z-index: 10; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0 ); } .gridReadMore, #block-views-pub-series-pubseries .progImg .gridReadMore { color: #fff; display: none; font-weight: bold; font-size: 14px; margin-top: 20px; border-bottom: 4px solid #fff; padding-bottom: 4px; text-transform: uppercase; } .progImg:hover .vCenter .gridReadMore, #block-views-pub-series-pubseries .progImg:hover .vCenter .gridReadMore { display: inline-block; } .progImg .progTitle .fpTitle, #block-views-pub-series-pubseries .progImg .progTitle .fpTitle { font-size: 14px; color: #bd1380; font-weight: 500; padding-top: 10px; font-family: 'Gotham'; } .ourResource .contentPrg { bottom: 47px !important; } #block-views-pub-series-pubseries .ourResource .contentPrg { bottom: 55px !important; } /*FEATURED STORIES*/ .FeaturedStoriesWrapper { position: relative; z-index: 3; margin-top: -40px; } #featuredStories { margin-top: -10px; } .featuredStories { position: relative; } .featuredStories .fstoryImg { margin-bottom: 20px; display: block; } .front .featuredStories .fstoryImg {margin-bottom: 0;} .front .home-img-attrib { font-family: 'Open Sans',Arial,sans-serif; color: #cacaca !important; text-align: right; margin-bottom: 10px; font-size: 11px; } .featuredStories .pinkBtn { margin-bottom: 20px; } .featuredStories .item .fstoryImg { overflow: hidden; } .featuredStories .item .fstoryImg { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .featuredStories .item:hover .fstoryImg { -webkit-box-shadow: 0px 0px 0px 3px rgba(189,19,128,1); -moz-box-shadow: 0px 0px 0px 3px rgba(189,19,128,1); box-shadow: 0px 0px 0px 3px rgba(189,19,128,1); } .featuredStories .item h2 { margin-bottom: 0; width:100% } #featuredtap .item h2 {margin-bottom: 0;} .featuredStories .row .clearb { margin-bottom: 20px; } .featuredStories.centerContent .whitebg { padding: 30px 35px 20px !important; } /*AdditonalResources*/ #AdditonalResources { margin-top: -10px; } .AdditonalResourcesWrapper { position: relative; z-index: 2; } .additonalResources { margin-top: -40px; position: relative; } /*CLIENT LOGO*/ #clientLogoWrapper { padding: 50px 0; overflow: hidden; } .clLogo .slick-slide { position: relative; min-height: 86px; margin: 0 15px; padding: 0; } .clLogo .eqheight img { bottom: 0; left: 0; margin: auto; max-width: 94%; position: absolute; right: 0; top: 0; max-width: 50%; } #clientLogoWrapper .container { position: relative; } #clientLogoWrapper .container:before { background: #f4f4f4; bottom: 0; content: ""; height: 100%; display: block; left: -100%; position: absolute; top: 0; width: 100%; z-index: 9; } .clLogo .slick-prev { bottom: -50px; left: 0 !important; top: auto; } .clLogo .slick-next { bottom: -50px; left: 25px !important; right: auto !important; top: auto; } .slick-prev:before, .slick-next:before { color: #BC137E !important; opacity: 1 !important; } .slick-prev { box-shadow: none !important; } .slick-next { box-shadow: none !important; } #clientLogoWrapper .flex-viewport li a { display: table-cell; vertical-align: middle; } #clientLogoWrapper .clLogo { position: relative; } /*#clientLogoWrapper .slides{ margin:0 -65px; }*/ #clientLogoWrapper .flex-control-nav { bottom: -35px; } /*#clientLogoWrapper .flex-direction-nav a{ top:100px; color:#F4F4F4; display:none; opacity:1 !important; } #clientLogoWrapper .flex-direction-nav .flex-prev{ left:45%; } #clientLogoWrapper .flex-direction-nav .flex-next{ right:45%; } #clientLogoWrapper .flex-direction-nav .flex-disabled{ opacity:1 !important; } #clientLogoWrapper .flex-direction-nav a:before{ font-size:25px; color:#bd1380; }*/ #clientLogoWrapper .flex-direction-nav a { display: block !important; opacity: 1; } #clientLogoWrapper .flex-direction-nav a { top: auto; bottom: -40px; color: #F4F4F4; margin-top: 0; height: 34px; width: 16px; } #clientLogoWrapper .flex-direction-nav .flex-prev { left: 50%; margin-left: -24px; } #clientLogoWrapper .flex-direction-nav .flex-next { right: 50%; margin-right: -24px; } #clientLogoWrapper .flex-direction-nav .flex-disabled { opacity: 1 !important; } #clientLogoWrapper .flex-direction-nav a:before { font-size: 25px; color: #6c6c6c; } /*About Us*/ .allContent { position: relative; z-index: 10; } .minustopwrap {margin:auto;} .leftbar { width: 75%; float: left; } .rightbar { width: 25%; float: left; } .fluid-width-video-wrapper { margin-bottom: 40px; overflow: hidden; } .aboutLists { margin-top: 30px; } .aboutLists .row { margin-left: -7.5px; margin-right: -7.5px; } .aboutLists .col-md-4 { padding-left: 7.5px; padding-right: 7.5px; } .aboutLists .abtWrap { background: #bd1380; text-align: center; height: 170px; margin-bottom: 15px; display: table; width: 100%; } .aboutLists .abtWrap a { display: table-cell; height: 100%; width: 100%; vertical-align: middle; padding: 0 19px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff !important; } .aboutLists .abtWrap a span { color: #fff !important; font-weight: 700; font-size: 19px; position: relative; display: inline-block; top: -5px; line-height: 23px; font-family: 'Gotham'; } .aboutLists .abtWrap a span.line-below:before { position: absolute; bottom: -10px; height: 4px; width: 100%; background: #fff; content: ''; left: 0; right: 0; } .aboutLists .abtWrap a span span.line-below { display: block; top: 0; } .aboutLists .abtWrap a:hover { -webkit-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.8); box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.8); } .video-container { position: relative; padding-bottom: 70.25%; padding-top: 35px; height: 0; overflow: hidden; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*Right Sidebar*/ .rightbar{ background: #e1e1e1; position: relative; height: 100%; padding: 25px 30px; } .rightbar h2 { color: #3c3c3c; font-size: 16px; font-weight: bold; margin-bottom: 7px; line-height: 21px; } .rightbar h2 a { color: #3c3c3c; font-size: 16px; font-weight: 500; margin-bottom: 7px; line-height: 21px; font-family: 'Gotham-book'; } .rightbar h2 a.pinkBtn { font-size: 19px; padding: 0 0 10px; font-family: 'Gotham'; font-weight: 500; } .rightbar .shareSideBar ul { display: flex; flex-flow: row wrap; justify-content: space-between; max-width: 170px;overflow: hidden; padding: 0; } .rightbar .shareSideBar li { list-style-type: none; float: left; padding-right: 20px; padding-left: 0; margin: 0; } .rightbar .shareSideBar li a span { font-size: 30px; color: #696b74; vertical-align: -webkit-baseline-middle;} .rightbar .shareSideBar li a:hover { opacity: 0.8; } .relatedArticles { margin-bottom: 20px; } .relatedArticles .artwrapper { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px 0; } .relatedArticles .artwrapper ul { margin-bottom: 0 !important; padding: 0; } .relatedArticles .artwrapper ul li { list-style-type: none; padding: 0; margin: 0; } .relatedArticles .artwrapper ul li .artiImg { margin-bottom: 5px; } .relatedArticles .artwrapper ul li .artiImg img { width: 100%; } .relatedArticles .artwrapper ul li .smallTitle { padding-bottom: 0px; font-size: 12px!important; color: #3c3c3c; } .relatedArticles .artwrapper ul li .h2Title { font-size: 17px !important; font-weight: normal !important; font-family: 'Gotham-book'; margin-bottom: 20px !important; } .relatedArticles .artwrapper ul li:last-child .h2Title { margin-bottom: 0 !important; } .relatedArticles img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 100%;} .relatedArticles img:hover { -webkit-box-shadow: 0px 0px 0px 3px rgba(189,19,128,1); -moz-box-shadow: 0px 0px 0px 3px rgba(189,19,128,1); box-shadow: 0px 0px 0px 3px rgba(189,19,128,1); } .sideSignUp h2 { color: #bd1380 !important; font-size: 19px !important; line-height: 26px !important; } .sideSignUp h2 a { color: #bd1380 !important; font-weight: 500; display: inline-block; font-family: 'Gotham' !important; font-size: 19px; margin-top: 10px; } .historyTimeline { border-top: 10px solid #bd1380; border-bottom: 10px solid #bd1380; background: #fff; padding-top: 50px; margin-top: 40px; } .historyTimeline .field-item p { font-family: 'Gotham-book'; font-size: 25px; font-weight: 500; color: #bd1380; } /*OUR WORK*/ .ourWorkData.centerContent .row { margin-left: -5px; margin-right: -5px; } .ourWorkData.centerContent .row .item { padding-left: 5px; padding-right: 5px; } .ourWorkData.centerContent .row .item .progImg { margin-bottom: 10px; } /*BLOG*/ .fstoryImg img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 100%; } .fstoryImg img:hover { -webkit-box-shadow: 0px 0px 0px 3px rgba(189,19,128,1); -moz-box-shadow: 0px 0px 0px 3px rgba(189,19,128,1); box-shadow: 0px 0px 0px 3px rgba(189,19,128,1); } /*RESOURCES*/ .featuredPublication { margin-bottom: 30px; } .featuredPublication img { margin-top: 5px; } .publicTitle { background: #bd1380; position: relative; left: -45px; top: 0; z-index: 1; padding: 15px 20px 15px 45px; margin-bottom: 30px; width: 106.5%; } .publicTitle p, .publicTitle a { color: #fff !important; } .publicTitle p { width: 100%; float: left; margin: 0; } .publicTitle a { display: inline-block; vertical-align: middle; /*-webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;*/ position: relative; overflow: hidden; line-height: 100%; margin: 0; font-weight: bold; font-size: 16px; padding-bottom: 10px; } .publicTitle a:before { content: ""; position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; background: #fff; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .publicTitle a:hover:before, .publicTitle a:focus:before, .publicTitle a:active:before { -webkit-animation: pinkBtnHover 1s; -moz-animation: pinkBtnHover 1s; -o-animation: pinkBtnHover 1s; animation: pinkBtnHover 1s; } @-webkit-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @-moz-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @-o-keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } @keyframes pinkBtnHover { 0% { left: 0; right: 0; } 50% { left: 51%; right: 51%; } 100% { left: 0; right: 0; } } .tiltSquare { position: absolute; bottom: -15px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 0; border-color: transparent #850255 transparent transparent; } .publicCell { overflow: hidden; display: table; height: 100%; } .publicCell .cta { display: table-cell; vertical-align: middle; white-space: nowrap; padding: 0 15px; } /*.publicTitle .publicTable{ } .publicTitle .publicCell{ }*/ .ourResource { position: relative; } /*EVENTS*/ .listImg a img { width: 100%; margin-bottom: 10px; } .text-center { text-align: center; } .pagination > li > a, .pagination > li > span { border: none !important; font-size: 14px; padding: 0 8px !important; color: #3c3c3c !important; } .pagination > li.active a { color: #bd1380 !important; font-weight: bold; background: none !important; } .pagination > li > a:hover { background: none !important; color: #bd1380 !important; font-weight: bold; } .upcomeEvents .listContent h2 { margin-bottom: 0; } .upcomeEvents .listContent h2 a { font-size: 19px; } .upcomeEvents .listContent address { margin-bottom: 10px; } .upevent{text-align: right;color: #585858;} .upevent a {background: #065ca9 none repeat scroll 0 0;border: 2px solid;color: #ffffff;padding: 6px 12px;} .upevent a:hover{background:#585858;} /*Page Social Media*/ .rghtSocio { float: right !important; } .shareSocial li { margin: 0px 0 0px 0; list-style-type: none; } .shareSocial li:last-child { margin-bottom: 0; } .shareSocial a { color: #666972; line-height: 100%; font-size: 14px; letter-spacing: 1px; cursor: pointer; padding: 5px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; font-weight: bold; display: block; font-weight: normal; } .shareSocial span { width: 20px; height: 20px; line-height: 20px; text-align: center; color: #FFF; display: inline-block; background: #686b74; font-size: 12px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding-left: 1px; color: #fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-right: 2px; } .shareSocial a:hover { text-decoration: none } .shareSocial a:hover span { color: #fff; } .shareSocial li.link-em a:hover { color: #fff; background: #ff2f51; } .shareSocial li.link-ln a:hover { color: #fff; background: #106ba6; } .shareSocial li.link-tw a:hover { color: #fff; background: #4bbef7; } .shareSocial li.link-fb a:hover { color: #fff; background: #4B6DAA; } .shareSocial a:hover span.icon-envelope-alt { background: #ff2f51 } .shareSocial a:hover span.icon-linkedin { background: #106ba6 } .shareSocial a:hover span.fa-twitter { background: #4bbef7 } .shareSocial a:hover span.fa-facebook { background: #4B6DAA } /*.listWrap { margin-bottom: 10px; }*/ .pastEvents .row { margin-left: 0px; margin-right: 0px; } .pastEvents .item { margin-bottom: 20px; padding: 0 7.5px; } .paginationWrap { margin-top: 20px; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline-block; margin: 0; padding: 0 8px !important;} .pagination > li.pager-current{background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;color: #bd1380 !important;font-weight: bold;vertical-align:top !important;} .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } /*BLOG*/ .blogDet { font-size: 12px; margin-bottom: 15px; } .blogDet {padding-top:10px;} .blogDet .bDate, .blogDet .bAuthor span { font-size: 12px; } .blogDet .bAuthor span, .blogDet .bAuthor a { color: #bd1380; font-weight: bold; font-family: 'Gotham'; } .blogListWrap .h2TitleSm { margin-bottom: 0; } .blogListWrap .h2TitleSm a { color: #3c3c3c; font-family: 'Gotham' !important; } .upcomeEvents .h2TitleSm a { color: #3c3c3c; font-family: 'Gotham' !important; } .blogListWrap .blogDet { margin-bottom: 7px; } hr { background: #d1d1d1; } .blogListWrap hr { margin: 30px 0; } .blogListWrap hr:first-child { margin-top: 0; } .blogListWrap .blogDet .bAuthor a { color: #3c3c3c;} .blogListWrap .blogList a img { margin-top: 10px; } /*TOOLTIP*/ .tipr_content { color: #fff; background-color: #bd1380; padding: 9px 17px; opacity: 1 !important; } .tipr_container_bottom { display: none; position: absolute; margin-top: 13px; box-shadow: 2px 2px 5px #bd1380; z-index: 1000; opacity: 1 !important; } .tipr_container_top { display: none; position: absolute; margin-top: -77px; box-shadow: 2px 2px 5px #bd1380; z-index: 1000; } .tipr_point_top, .tipr_point_bottom { position: relative; background: #bd1380; border: 1px solid #bd1380; opacity: 1 !important; } .tipr_point_top:after, .tipr_point_top:before { position: absolute; pointer-events: none; border: solid transparent; top: 100%; content: ""; height: 0; width: 0; opacity: 1 !important; } .tipr_point_top:after { border-top-color: #bd1380; border-width: 8px; left: 50%; margin-left: -8px; } .tipr_point_top:before { border-top-color: #bd1380; border-width: 9px; left: 50%; margin-left: -9px; } .tipr_point_bottom:after, .tipr_point_bottom:before { position: absolute; pointer-events: none; border: solid transparent; bottom: 100%; content: ""; height: 0; width: 0; opacity: 1 !important; } .tipr_point_bottom:after { border-bottom-color: #bd1380; border-width: 8px; left: 50%; margin-left: -8px; opacity: 1 !important; } .tipr_point_bottom:before { border-bottom-color: #bd1380; border-width: 9px; left: 50%; margin-left: -9px; opacity: 1 !important; } h1, h2, h3, h4, h5, h6 { letter-spacing: 0; } /* inner paged CSS :: 23-11-2016 :: Start */ .innerpagezone .item-list .pager li {background-image: none !important;list-style-type: none !important;padding: 0.5em !important;margin: 0 0 0.25em 1.5em !important;} .innerpagezone .pager li > a, .pager li > span{background: none;border: medium none; padding: 0 !important;} .innerpagezone .pager li > a:hover, .pager li > a:focus{background-color: none !important} .innerpagezone .title{font-weight: bold;margin-bottom: 0px;} /*.innerpagezone .view-header h2{font-size: 28px !important;}*/ .innerpagezone .field-item.odd, .innerpagezone .field-item.even {margin-left: 0 !important;padding-left: 0 !important;} #block-share42-share42 .content #share42{margin-top: 100px;} .innerpagezone .region-content{min-height: 500px;} /* inner paged CSS :: 23-11-2016 :: End */ .node .field-items .field-item ul {padding-left: 4px;} /* grid2 CSS :: Start */ footer col-md-6{position: relative;min-height: 1px;padding-left: 25px;padding-right: 15px;} footer .col-md-6 {width: 41%;} /* grid2 CSS :: End */ .searchsuggestion{max-height: 300px; overflow: hidden;} /*INFINITE PAGER */ .featuredStories .pager--infinite-scroll li {background-image: none !important;list-style-type: none !important;padding: 0.5em !important;margin: 0 0 0.25em 1.5em !important;} .featuredStories .pager--infinite-scroll li > a, .pager--infinite-scroll li > span{background: none;border: medium none; padding: 0 !important;} .featuredStories .pager--infinite-scroll li > a:hover, .pager--infinite-scroll li > a:focus{background-color: none !important} .featuredStories .pager__item a {color: #3c3c3c !important;transition: color 0.2s ease-in-out;} .featuredStories .pager__item:hover a {color: #bd1380 !important;} /* FIX THE THROBBER THING */ html.js input.form-autocomplete { background-image: url(/sites/all/themes/glaad2017/images/ajax-loader.gif); background-position: 100% 0px; background-repeat: no-repeat; } html.js input.throbbing { background-position: 100% 0px; } .ajax-progress { display: inline-block; *display: inline; *zoom: 1; } .ajax-progress .throbber { background: transparent url(/sites/all/themes/glaad2017/images/ajax-loader.gif) no-repeat 0px 0px; float: left; height: 11px; width: 16px; margin-left:6px; } /*RESPONSIVE MEDIA QUERY*/ @media (min-width: 1201px) { #breakingNews .whitebg > .col-md-9 { width: 72%; } } @media only screen and (min-width: 1201px) and (max-width: 1365px) { #region-navigation { width: 710px !important; } #region-support-navigation { float:right; width: 310px !important; } #block-nice-menus-5 .nice-menu a, #block-nice-menus-5 .menuparent a { font-size: 16px !important; padding: 15px 10px ; } #block-nice-menus-5 .nice-menu a:hover, #block-nice-menus-5 .menuparent a:hover { font-size: 16px !important; padding: 15px 10px ; } #block-nice-menus-8 .nice-menu a, #block-nice-menus-8 .menuparent a { font-size: 16px !important; padding: 15px 10px ; } #block-nice-menus-8 .nice-menu a:hover, #block-nice-menus-8 .menuparent a:hover { font-size: 16px !important; padding: 15px 10px ; } #block-nice-menus-9 .nice-menu a, #block-nice-menus-9 .menuparent a { font-size: 16px !important; padding: 15px 10px ; } #block-nice-menus-9 .nice-menu a:hover, #block-nice-menus-9 .menuparent a:hover { font-size: 16px !important; padding: 15px 10px ; } #block-nice-menus-10 .nice-menu a, #block-nice-menus-10 .menuparent a { font-size: 16px !important; padding: 15px 10px ; } #block-nice-menus-10 .nice-menu a:hover, #block-nice-menus-10 .menuparent a:hover { font-size: 16px !important; padding: 15px 10px ; } /*NEW MENU*/ #region-navigation .nice-menu-down > li.menuparent > ul { max-width: 100% !important; width:80% !important; margin-left:215px !important; } /*END NEW MENU*/ } @media screen and (min-width: 767px) { #region-footer-third .block { margin-left: 50px; } } @media(max-width:1219px) { .region-footer-second-inner { padding-left: 0; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { #region-navigation { width: 662px; } #region-support-navigation { width: 270px !important; margin-top: 23px; } #block-nice-menus-5 .nice-menu a, #block-nice-menus-5 .menuparent a { font-size: 14px !important; padding: 15px 10px; } #block-nice-menus-5 .nice-menu a:hover, #block-nice-menus-5 .menuparent a:hover { font-size: 14px !important; padding: 15px 10px; } #block-nice-menus-8 .nice-menu a, #block-nice-menus-8 .menuparent a { font-size: 14px !important; padding: 15px 10px; } #block-nice-menus-8 .nice-menu a:hover, #block-nice-menus-8 .menuparent a:hover { font-size: 14px !important; padding: 15px 10px; } #block-nice-menus-9 .nice-menu a, #block-nice-menus-9 .menuparent a { font-size: 14px !important; padding: 15px 10px; } #block-nice-menus-9 .nice-menu a:hover, #block-nice-menus-9 .menuparent a:hover { font-size: 14px !important; padding: 15px 10px; } #block-nice-menus-10 .nice-menu a, #block-nice-menus-10 .menuparent a { font-size: 14px !important; padding: 15px 10px; } #block-nice-menus-10 .nice-menu a:hover, #block-nice-menus-10 .menuparent a:hover { font-size: 14px !important; padding: 15px 10px; } #block-menu-menu-support-menu li a { font-size: 13px !important; } #region-navigation .nice-menu-down li.menuparent ul { left: 155px; } /*#twitterFeed .flex-viewport { margin-left: 45px; }*/ .twitLogo { left: 15px;/* top:-50px;*/ } #region-support-navigation { margin-top: 18px !important; } .pastEvents .item { padding: 0; } #twitterFeed .feedPadd { padding: 0 10px 0 15px; } .aboutLists .abtWrap a span { font-size: 18px; } #breakingNews .whitebg > .col-md-9 { width: 72%; } #twitterFeed .container { padding: 0 15px; } #twitterFeed .flex-direction-nav a { left: 22px; } #twitterFeed .flex-direction-nav .flex-prev { left: 6px; } .whitebg .feaImg { margin-right:0; } /*NEW MENU*/ #region-navigation .nice-menu-down > li.menuparent > ul { max-width: 71% !important; } #region-navigation .nice-menu-down > li.menuparent > ul { padding: 15px !important; } #region-navigation .nice-menu-down ul li a { line-height: 18px !important; } /*END NEW MENU*/ .clLogo .eqheight img{ max-width: 70%;} } @media only screen and (min-width: 992px) and (max-width: 1105px) { /*NEW MENU*/ #region-navigation .nice-menu-down > li.menuparent > ul { max-width: 100% !important; width:100% !important; margin-left:145px !important; } /*END NEW MENU*/ } @media only screen and (min-width: 1106px) and (max-width: 1200px) { #region-navigation .nice-menu-down > li.menuparent > ul { max-width: 785px !important; } } @media only screen and (min-width: 950px) and (max-width: 970px) { .mean-bar { display: none; } .responsive-menus-simple { display: block !important; } } /*@media only screen and (min-width: 750px) and (max-width: 991px) { #zone-mobilelogo { display: block !important; } }*/ @media only screen and (min-width: 768px) and (max-width: 1024px) { .nicescroll-rails, .nicescroll-cursors{display: none !important; background: rgba(255,255,255,0) !important;} .searchsuggestion{overflow-y: scroll !important;} } @media only screen and (min-width: 767px) and (max-width: 991px) { .logo { margin-top: 25px !important;line-height: 0 !important; } .logo > img { width: 70px; } .block ul.nice-menu, .block ul.nice-menu ul { left: 82px; top: 15px; } #block-nice-menus-5 .nice-menu a, #block-nice-menus-5 .menuparent a { font-size: 12px !important; padding: 13px 7px 15px; } #block-nice-menus-5 .nice-menu a:hover, #block-nice-menus-5 .menuparent a:hover { font-size: 12px !important; padding: 13px 7px 15px; } #block-nice-menus-8 .nice-menu a, #block-nice-menus-8 .menuparent a { font-size: 12px !important; padding: 13px 7px 15px; } #block-nice-menus-8 .nice-menu a:hover, #block-nice-menus-8 .menuparent a:hover { font-size: 12px !important; padding: 13px 7px 15px; } #block-nice-menus-9 .nice-menu a, #block-nice-menus-9 .menuparent a { font-size: 12px !important; padding: 13px 7px 15px; } #block-nice-menus-9 .nice-menu a:hover, #block-nice-menus-9 .menuparent a:hover { font-size: 12px !important; padding: 13px 7px 15px; } #block-nice-menus-10 .nice-menu a, #block-nice-menus-10 .menuparent a { font-size: 12px !important; padding: 13px 7px 15px; } #block-nice-menus-10 .nice-menu a:hover, #block-nice-menus-10 .menuparent a:hover { font-size: 12px !important; padding: 13px 7px 15px; } #region-navigation .nice-menu-down li.menuparent ul { margin-left: -85px; margin-top: 57px; } #region-navigation { width: 73% !important; } #region-support-navigation { width: 31% !important; margin-top: -1% !important; } #block-menu-menu-support-menu li a { font-size: 10px !important; } #block-menu-menu-support-menu li { margin-left: 10px !important; } .centerBanner .bannerWrap .bannerCont { padding: 50px 30px 135px; } .centerBanner { height: auto; } .centerBanner .bannerWrap .bannerCont h2 { font-size: 50px; } .publicTitle { width: 110%; } .publicTitle a { font-size: 14px; } .blogListWrap .blogList img { margin-bottom: 15px; } #clientLogoWrapper .slides { margin: 0; } /*#twitterFeed .flex-viewport { margin-left: 45px; }*/ /*#twitterFeed .flexslider{ margin-top:50px; }*/ .pastEvents .item { padding: 0; } .leftbar { width: 66.6667%; } .rightbar { width: 33.3333%; } .aboutLists .abtWrap a span { font-size: 18px; } #region-support-navigation { margin-top: 17.5px; } #breakingNews .whitebg .feaImg { margin-top:30px; margin-right:0; } #twitterFeed .flex-direction-nav a { left: 8px; } #twitterFeed .flex-direction-nav .flex-prev { left: -11px;/*top: -45px;*/ } /*#twitterFeed .flex-direction-nav .flex-next { left: 80px; top: -45px; }*/ .socialIco li { width: 100%; } .socialIco li a { display: inline-block; } .socialIco li a span { left: 1px; } .centerContent .whitebg { padding: 30px 35px 10px; } #twitterFeed .container { max-width: 720px; } #twitterFeed .flexslider .slides li { /* width: 435px !important;*/ } /*NEW MENU*/ #region-navigation .nice-menu-down > li.menuparent > ul { padding: 15px !important; } #region-navigation .nice-menu-down ul li a { font-size: 15px !important; line-height: 18px !important; } #region-navigation .nice-menu-down ul li ul li a { font-size: 13px !important; } /*END NEW MENU*/ } @media only screen and (min-width: 550px) and (max-width: 767px) { .aboutLists .col-md-4 { width: 50%; float: left; } #block-menu-menu-support-menu ul { margin-right: 10px !important; } } @media(min-width:768px) { /*.innerpagezone{ padding-top: 100px; }*/ .donate-desktop { display: inline-block !important; } .donate-bar-button.donate-desktop { display: inline !important; } .donate-mobile, .donate-bar-button.donate-mobile { display: none; } .donate-bar { min-height: 70px; line-height: 70px; display: none; } .donate-bar-container .close { bottom: 5px; } .donate-bar-content { font-size: 14px; } .donate-bar-button { display: inline; font-size: 14px; } } @media(max-width:767px) { /*.innerpagezone{padding-top: 35px;}*/ .searchBox{display: none;} .upevent{margin-bottom: 10px;} .upevent a{font-size: 14px !important; padding: 4px 8px !important; margin-bottom: 10px;} header { position: static !important; } /*.responsive-menus-mean-menu-processed { display: none; }*/ .homeSlider .container { padding-left: 0; padding-right: 0; } /*.homeSlider .container .sliderContent .sliderWidth { max-width: 100%;}*/ .homeSlider .container .sliderContent h2 { max-width: 100%; } .homeSlider .container .sliderContent p { max-width: 100%; } .homeSlider .container .sliderContent .sliderWidth .lrnMore{color: #f99d20 !important;} .homeSlider .container .sliderContent .sliderWidth .lrnMore::before{background: #f99d20 none repeat scroll 0 0 !important;} /* 24-11-2016 */ .zone-navigation { width: 100% !important; } .responsive-menus.responsified span.toggler { position: absolute; top: 0; right: 0; z-index: 100; margin-top: 0px; } .autoSuggest .autoSuggestInner ul li a { font-size: 20px; } #region-navigation { position: absolute !important; margin: 0; } #zone-mobilelogo { display: block !important; padding-left: 15px; } .context-institute #zone-mobilelogo { padding-left: 0; } #block-menu-menu-support-menu { margin-right: 6.5% !important; float: right !important; } .region-footer-first { margin-bottom: 30px; } .region-footer-second { margin-bottom: 30px; } /*.region-footer-third { padding: 0;}*/ .socialIco ul { margin-bottom: 0; } #region-footer-first p { margin-bottom: 10px; } .homeSlider, #home-cta-slider { height: auto; padding-top: 0 !important; width: 626px; } .homeSlider .container .sliderContent h2 { font-family: 'Museo'; font-weight: 700; font-style: normal; font-size: 24px; color: #FFFFFF; line-height: 100%; } .homeSlider .container .sliderContent p { font-family: 'Gotham'; font-weight: 500; font-size: 16px; margin-bottom: 0; } .closeBtn a { line-height: 35px; } #breakingNews { margin-top: -15px; margin-bottom: 0; } .whitebg .feaImg { margin-right: 0; padding-top: 10px; } .whitebg .feaImg img { width: 100%; } .wrapperSide { position: static; width: 100%; margin-top: 15px; margin-bottom: 0;} .brk-news-cont .wrapperSide { border-top: #f4f4f4 15px solid; padding-top: 15px;padding-right: 15px;padding-left: 15px;padding-bottom: 15px;margin-left: 0;right:0;} #breakingNews .whitebg { padding: 5px 0 0; } .brk-news-cont {padding-left: 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} .centerBanner .bannerWrap { max-width: 100%; } .centerContent { margin-top: 0; } .centerBanner .bannerWrap { display: table; height: 100%; max-width: 100%; } .centerBanner .bannerWrap .bannerCont { display: table-cell; vertical-align: middle; padding: 0; } .centerBanner { height: auto; background: none !important; margin-bottom: 20px; } .centerBanner .bannerWrap .bannerCont { display: block; } .centerBanner .bannerWrap .bannerCont h2 { font-size: 25px; line-height: 30px; color: #3e547b; } .centerBanner .bannerWrap .bannerCont p { font-size: 16px; font-weight: 500; color: #000; } .centerBanner .bannerWrap .bannerCont p br { display: none; } /*.centerBanner .cenReadMore{ font-size:16px;}*/ #breakingNews p{ padding-right: 0;} #ourProgram, .FeaturedStoriesWrapper, .AdditonalResourcesWrapper { margin-top: 0; } .centerBanner.extPadd .bannerWrap .bannerCont { padding: 0; } .allContent { margin-top: 0; } .ourResource.centerContent .row .item { width: 50%; } .featuredPublication img { margin-bottom: 20px; } .publicTitle { left: 0; width: 100%; padding: 15px; } .publicTitle p { margin-bottom: 10px; } .publicCell .cta { display: block; white-space: normal; text-align: left; clear: both; padding: 0; } .tiltSquare { display: none; } .shareSocial { margin-top: 20px; overflow: hidden; margin-bottom: 0; margin-left: -10px; } .shareSocial li { width: 30px; float: left; } .shareSocial li a { visibility: collapse; } .shareSocial li a span { visibility: visible; } .blogListWrap .blogList img { margin-bottom: 15px; } /*.listWrap { margin-bottom: 20px; }*/ .blogListWrap .blogList .pinkBtnG { margin-bottom: 10px; } .socialIco li { float: none; } .homeSlider .container .sliderContent .sliderWidth { margin: 20px 0; padding: 0 15px; padding-right: 59%;} .front .homeSlider .container .sliderContent { margin-left: 0!important; }.historyTimeline { margin-top: 0; } .innerCenterBanner .centerBanner.extPadd .bannerWrap .bannerCont { padding-bottom: 0; } .region-inner.region-footer-first-inner { padding-right: 0; padding-left: 29px; } .socialIco li a { display: inline-block } .pastEvents .item { padding: 0 3px; } #region-navigation { width: 75%; } .responsive-menus-simple h1 { display: none; } .responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple { top: 87px; } #block-nice-menus-5 .nice-menu a span, #block-nice-menus-5 .menuparent a span { display: block; color: #001b4a; } #block-nice-menus-8 .nice-menu a span, #block-nice-menus-8 .menuparent a span { display: block; color: #001b4a; } #block-nice-menus-9 .nice-menu a span, #block-nice-menus-9 .menuparent a span { display: block; color: #001b4a; } #block-nice-menus-10 .nice-menu a span, #block-nice-menus-10 .menuparent a span { display: block; color: #001b4a; } .responsive-menus.responsified .responsive-menus-simple li ul li a, .responsive-menus.responsified .responsive-menus-simple li a { font-size: 13px; } .rghtSocio { float: none !important; } /*.listContent { margin-bottom: 40px; }*/ .leftbar { width: 100%; } .rightbar { width: 100%; } .minusMarTop { margin-top: 0; } .shareSocial { margin-top: 0; } .allContent > .container { padding-left: 0; padding-right: 0; } #twitterFeed .flexslider .slides li { /*padding:0 0px 30px 30px; */ margin: 0; border: none; } .shareSocial a { padding: 0 5px; } .aboutLists .abtWrap a span { font-size: 18px; } .whitebg { padding: 25px 15px 30px; } .centerContent .whitebg { padding: 10px 15px; } .centerContent .row .item .progImg { margin-bottom: 15px; } .centerBanner { margin-bottom: 30px; } .featuredStories.centerContent .whitebg { padding: 10px 15px !important; } .featuredStories .row .clearb { margin-bottom: 0px; } .featuredStories .pinkBtn { margin-bottom: 30px; } #featuredStories.centerContent .whitebg .item h2 { display: block; } #twitterFeed .feedPadd { padding-left: 15px; padding-right: 30px; } .twitLogo { left: 10px; } #twitterFeed .container { padding: 0 15px; } /*#twitterFeed .flexslider { padding: 0 0 0 70px; } #twitterFeed .container:before { margin-left: 65px; }*/ .clLogo .eqheight img{ max-width: 70%;} #twitterFeed .flex-direction-nav a { left: 18px; } #twitterFeed .flex-direction-nav .flex-prev { left: 0; } /*MEAN MENU CSS*/ .slicknav_menu { position: absolute; top: 0; width: 100%; z-index: 99999999999999999; } .mean-container .mean-nav { margin-top:0; background: #414270; } body.logged-in.mean-container .mean-nav { margin-top:62px; } .mean-container .mean-nav .logo { margin-top: 0; margin-left: 15px; display: none; } /*.mean-container .mean-bar{ position:absolute; background:none; }*/ .mean-container a.meanmenu-reveal { top: -73px !important; text-indent: 0; } body.logged-in .mean-container a.meanmenu-reveal { top: -10px; } .mean-container a.meanmenu-reveal i { font-size: 31px; } .mean-container .mean-nav .meanmenu-reveal { display: none; } .mean-container .mean-bar { float: right; width: 100%; background: none; position: absolute; right: 0; top: 86px; padding: 0; } .mean-container .mean-nav ul li { margin: 0; padding: 0; font-size:14px; } .mean-container .mean-nav ul li a.mean-expand { height: 25px; line-height: 28px; } .mean-container .mean-nav ul li a span { display: none; } .mean-expand.mean-clicked, .mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover { background: #222347 !important; } .mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0 !important; } .mean-container .mean-nav ul li:first-child div { background: #BD1380; padding: 0 10px; } .mean-container .mean-nav ul li:first-child div input[type="submit"] { background: url("../images/search-ico.png") no-repeat center center; height: 30px; width: 30px; border: none; position: absolute; top: 9px; left: 0; } .mean-container .mean-nav ul li:first-child div input[type="text"] { background: none; border: none; padding: 15px 0 15px 45px; width: 87%; font-family: 'Gotham-book'; font-size: 14px; text-transform: uppercase; color: #fff; } .mean-container .mean-nav ul li:first-child { display: block !important; } .mean-container .mean-nav ul li:first-child div input[type="text"]::-webkit-input-placeholder { color: #fff; opacity:1; } .mean-container .mean-nav ul li:first-child div input[type="text"]::-moz-placeholder { color: #fff; opacity:1; } .mean-container .mean-nav ul li:first-child div input[type="text"]:-ms-input-placeholder { color: #fff; opacity:1; } .mean-container .mean-nav ul li:first-child div input[type="text"]:-moz-placeholder { color: #fff; opacity:1; } .mean-container .mean-nav ul li:first-child div input[type="text"]:focus, .mean-container .mean-nav ul li:first-child div input[type="submit"]:focus { box-shadow: none; } } @media only screen and (min-width: 481px) and (max-width: 767px) { #region-support-navigation { width: 100% !important; overflow: hidden; margin: 0; padding-top: 15px; } .responsive-menus.responsified span.toggler { margin-top: 17px; } .mobileSlider { background-repeat: no-repeat; background-position: center center; height: 250px; background-size: cover; margin-bottom: 30px; display: block; } #block-menu-menu-support-menu li.sLast { display: none; } #block-menu-menu-support-menu li { margin-left: 15px !important; } } @media only screen and (min-width: 600px) and (max-width: 767px) { #twitterFeed .flexslider .slides li { /*padding: 0 15px 30px; width: 435px !important;*/ } } @media only screen and (min-width: 481px) and (max-width: 599px) { #twitterFeed .flexslider .slides li { padding: 0 0 30px 0; /*width: 411px !important;*/ } #block-menu-menu-support-menu { margin-right: 9.5% !important; } } @media(max-width:599px) { #twitterFeed .feedPadd{border-right: none;} } @media(max-width:480px) { #zone-navigation { max-width: 70%; } #block-menu-menu-support-menu { margin: 0 !important; } #block-menu-menu-support-menu li { margin-left: 5px !important; padding-left: 2px !important; padding-right: 2px !important; } #block-menu-menu-support-menu li a { font-size: 9px !important; } #region-support-navigation { margin-top: 0; overflow: hidden; width: auto; margin-right: 0; } #block-menu-menu-spirit-day-support-menu ul { position: relative; margin-top: 27px; padding-right: 30px; } #block-menu-menu-support-menu ul{position: relative; margin-top: 27px; padding-right: 22px;} .context-mediaawards #block-menu-menu-support-menu ul { padding-right: 30px; } #block-menu-menu-support-menu li.sLast { /*position:absolute; right:-46px; top:37px;*/ display: none; } .mobileSlider { background-repeat: no-repeat; background-position: center center; height: 150px; background-size: cover; margin-bottom: 30px; display: block; } .seeAll { float: right; margin-bottom: 10px; } .featuredStories .fstoryImg { margin-bottom:10px; } #breakingNews .smallTitle { font-size: 20px; } .smallTitle { font-size: 12px; } .featuredStories .seeAll .pinkBtn { margin-bottom: 0; } #twitterFeed .feedPadd { padding-right: 15px; } .blckShad { display: none; } /*.contentPrg { position: static; background: #BD1380 !important; }*/ .progImg img { width: 100%; } /*.progImg:hover{ background:#BD1380; }*/ .progImg .progTitle .fpTitle { background: #bd1380; color: #fff; font-size: 20px; font-weight: 500; padding: 15px; right: 0; } .progImg:hover img { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0); -moz-filter: blur(0); -o-filter: blur(0); -ms-filter: blur(0); filter: blur(0); } .progImg .vCenter { display: block; } .progImg:hover .vCenter { top: 0; transform: translateY(0); padding: 0 15px; } .contentPrg p { display: block !important; } .progImg:hover .vCenter { position: static; } .progImg .progTitle .title { position: static; } .progImg .progTitle .title span:before { background: none; } .ourWorkData.centerContent .row .item { width: 100%; } .secTitle { font-size: 25px; } .whitebg { padding: 15px 5px; } .ourResource.centerContent .row .item { width: 100%; } .gridReadMore { display: inline-block !important; } .noPageWrap { padding: 50px 0; background: none; } .noPageWrap h2 { font-size: 40px; font-family: 'Museo'; color: #bd1380; margin-bottom: 15px; line-height: 100%; } .noPageWrap li a { font-size: 11px; } #twitterFeed .flexslider .slides li {/* width: 250px !important;*/ padding: 0 0 30px 0; } /* #twitterFeed .container:before { margin-left: 68px; }*/ .mean-container a.meanmenu-reveal { top: -72px; } .mean-container.logged-in a.meanmenu-reveal { top: -10px; } #ourProgram .progImg .progTitle {display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column; position: relative;} .progImg .progTitle {display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;} .progImg .progTitle img{order: 1;} #ourProgram .progImg .progTitle .contentPrg {position: absolute; background: rgba(189, 19, 128, 0.7) !important; bottom: 0; top: 0; left: 0; right: 0; padding: 25px 15px 15px 15px; } #ourProgram .item:nth-child(odd) .progImg .progTitle .contentPrg {background: rgba(0, 0, 0, 0.7) !important;} .progImg .progTitle .contentPrg { order: 3;} .progImg .progTitle .fpTitle {order: 2;} #AdditonalResources .progImg .progTitle .contentPrg, .ourWorkData .progImg .progTitle .contentPrg {position: static; background: #BD1380 !important;} #AdditonalResources .progImg .progTitle .contentPrg .vCenter p, .ourWorkData .progImg .progTitle .contentPrg .vCenter p {padding-top:0;} } @media print { header, footer, nav, .lrnMore, .pinkBtn, .signIn, .cenReadMore, #clientLogoWrapper, #breakingNews img, .wrapperSide, #twitterFeed { display: none !important; } .contentPrg p { display: block !important; } #ourProgram.centerContent .row .item { float: left; width: 50%; max-height: 500px; } .contentPrg, .progImg .progTitle .title { position: static; } } @media screen and (min-width: 992px) and (max-width: 1122px) { #block-nice-menus-5 .nice-menu a, #block-nice-menus-5 .menuparent a {font-size: 13px !important;padding: 15px 10px;} #block-nice-menus-5 .nice-menu a:hover, #block-nice-menus-5 .menuparent a:hover {font-size: 13px !important;padding: 15px 10px;} #block-nice-menus-8 .nice-menu a, #block-nice-menus-8 .menuparent a {font-size: 13px !important;padding: 15px 10px;} #block-nice-menus-8 .nice-menu a:hover, #block-nice-menus-8 .menuparent a:hover {font-size: 13px !important;padding: 15px 10px;} #block-nice-menus-9 .nice-menu a, #block-nice-menus-9 .menuparent a {font-size: 13px !important;padding: 15px 10px;} #block-nice-menus-9 .nice-menu a:hover, #block-nice-menus-9 .menuparent a:hover {font-size: 13px !important;padding: 15px 10px;} #block-nice-menus-10 .nice-menu a, #block-nice-menus-10 .menuparent a {font-size: 13px !important;padding: 15px 10px;} #block-nice-menus-10 .nice-menu a:hover, #block-nice-menus-10 .menuparent a:hover {font-size: 13px !important;padding: 15px 10px;} } /* Shane's Custom Styles - Order to Chaos? */ #home-cta-slider { height: auto; box-shadow: none; border: none; background: #b9b9b9; } #home-cta-slider .slick-track { width: 100% !important; transform: translate3d(0px, 0px, 0px) !important; } #home-cta-slider .slick-slide { padding: 0; margin-left: 0; width: 100% !important; } #home-cta-slider .flex-direction-nav a { color: #ffffff; opacity: 0; } #home-cta-slider { box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2); } #home-cta-slider .flex-control-paging { display: block; top: 4px; right: 10px; width: initial; text-align: left; opacity: 0.6; } .region-mobilelogo-img-inner .contextual-links-trigger, #section-header #block-block-110 .contextual-links-trigger, #block-block-108 .contextual-links-trigger, #block-block-121 .contextual-links-trigger { display: none; } #status { background: white; max-height: 0; opacity: 0; transition: all 0.4s ease-in-out; } #status span#validate { color: #bd1380; font-family: 'Gotham'; position: relative; top: 0; } #status.issue { max-height: 55px; opacity: 1; } #validate.alt { cursor: pointer; } #status .fa-spinner { color: white; } #zone-navigation { max-width: 90%; } .region-support-navigation-inner .active-trail:hover a { color: #121d48 !important; } .mean-container .mean-bar { z-index: 20; } .menu-path-node-59109 a { text-transform: none; } #block-menu-menu-support-menu li.last.leaf { /*background: #bd1380 !important;*/ } #block-menu-menu-support-menu li.last.leaf a { color: white; } .page-blog- #zone-beforecontent {min-height: 36px;} #zone-beforecontent {min-height: 36px;} #zone-content-wrapper { margin-top: -35px; } .field-name-field-blog-featured img { width: 100%; } .front .homeSlider .container .sliderContent { min-height: 300px; margin-left: -16%; } .front .homeSlider .container .sliderContent h2 { font-size: 36px !important; margin-bottom: 20px; } .front .homeSlider .container .sliderContent p { font-size: 14px; margin: 10px 0; } .front .homeSlider .container .sliderContent .lrnMore { font-size: 16px !important; padding-top: 5px; } .front .block-views-call-to-action-home1 .homeSlider .container .sliderContent .lrnMore, #home-cta-slider .homeSlider .container .sliderContent .lrnMore { font-size: 14px !important; } .whitebg { padding: 10px 15px; } body .content h2,.content h3, .secTitle, .whitebg h2.block-title { margin-bottom: 10px; font-size: 22px; font-weight: 500; color: #252525; line-height: 24px; font-family: 'Gotham'; } #breakingNews .wrapperSide .node-title { display: none; visibility: hidden; } /* Homepage Webform */ #countup-link { opacity: 0; transition: 0.6s ease-in-out; font-size: 14px; } #countup-link.on { opacity: 1; } .under-attack-container span { font-family: "Gotham"; font-weight: 700; text-transform: uppercase; color: white; font-size: 14px; } .text-container { display: inline-block; border: 6px solid #fff; padding: 8px 20px; margin-right: 8px; background-color: rgba(189, 19, 128, 0.49); } .day-container { display: inline-block; border: 6px solid #fff; padding: 8px 20px; text-align: center; background-color: rgba(189, 19, 128, 0.49); color: white; font-family: "Gotham"; font-size: 12px; } .day-container span { display: inline-block; min-width: 20px; } #count-hours, #count-minutes, #count-seconds { text-align: right; margin-right: 1px; } .brk-news-cont .wrapperSide { margin-right: 0; margin-top: 0; border-bottom: #f4f4f4 15px solid; border-top: 0; padding: 15px 0 0 0; margin-left: 0; right: 0; } #breakingNews .wrapperSide .pinkWrap { padding: 0; padding-bottom: 20px; } #breakingNews .wrapperSide .h2Title { padding: 15px 35px 0; line-height: 34px; } #breakingNews .wrapperSide .dec-donate-link { margin: 10px 0 10px 35px; border-bottom: 4px solid white; border-radius: 0; width: auto; text-align: left; font-family: 'Museo'; font-size: 20px !important; text-transform: capitalize; letter-spacing: normal; color: #fff; font-weight: bold; } #breakingNews .wrapperSide .webform-client-form { background: transparent; padding: 0 35px; } #breakingNews .wrapperSide form { padding: 0 35px; width: 100%; max-width: 700px; display: block; margin: 10px auto; } #breakingNews .wrapperSide .webform-client-form input[type=email], #breakingNews .wrapperSide input[type=email] { width: 100%; background: #bd1380; border-radius: 0; border: none; border-bottom: 2px solid white; color: white; padding: 0; font-size: 14px !important; height: 32px; font-family: 'Gotham'; } #breakingNews .wrapperSide .webform-client-form input[type=email]:active, #breakingNews .wrapperSide .webform-client-form input[type=email]:focus, #breakingNews .wrapperSide .webform-submit:active, #breakingNews .wrapperSide .webform-submit:focus, #breakingNews .wrapperSide input[type=email]:active, #breakingNews .wrapperSide input[type=email]:focus, #breakingNews .wrapperSide .webform-submit:active, #breakingNews .wrapperSide .webform-submit:focus { box-shadow: none !important; outline: none !important } #breakingNews .wrapperSide .webform-client-form input[type=email]::-webkit-input-placeholder, #breakingNews .wrapperSide input[type=email]::-webkit-input-placeholder { color: #bdbdbd; } #breakingNews .wrapperSide .webform-client-form input[type=email]:-moz-placeholder, #breakingNews .wrapperSide input[type=email]:-moz-placeholder { /* Firefox 18- */ color: #bdbdbd; } #breakingNews .wrapperSide .webform-client-form input[type=email]::-moz-placeholder, #breakingNews .wrapperSide input[type=email]::-moz-placeholder { /* Firefox 19+ */ color: #bdbdbd; } #breakingNews .wrapperSide .webform-client-form input[type=email]:-ms-input-placeholder, #breakingNews .wrapperSide input[type=email]:-ms-input-placeholder { color: #bdbdbd; } #breakingNews .wrapperSide .webform-submit { border-bottom: 4px solid white; border-radius: 0; width: auto; padding: 6px 0; text-align: left; margin: 0; font-family: 'Museo'; font-size: 20px !important; text-transform: capitalize; letter-spacing: normal; } #breakingNews .wrapperSide .webform-client-form input[type=submit]:hover, #breakingNews .wrapperSide input[type=submit]:hover { background: transparent !important; } #breakingNews .wrapperSide .process-bar { width: 0; height: 21px; background: #1d1d1d; position: absolute; left: 0; transition: width 5s ease; } #breakingNews .wrapperSide .process-bar.go { width: 100%; } .homepage-social-container { display: none; } .sign-up-social { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-flow: row wrap; justify-content: space-between; box-sizing: border-box; padding: 0 35px; max-width: 290px; } .sign-up-social a { font-size: 30px; } .sign-up-social a span { color: white; transition: color 0.3s ease; } .sign-up-social a span.fa-facebook-f:hover { color: #0072bc; } .sign-up-social a span.fa-twitter:hover { color: #00ACED; } .sign-up-social a span.fa-tumblr:hover { color: #36465D; } .sign-up-social a span.fa-instagram:hover { color: #AC7D49; } /* END Homepage Webform */ #block-views-blog-trending h2 { color: #3c3c3c; font-size: 16px; font-weight: bold; margin-bottom: 7px; line-height: 21px; } #block-views-blog-trending .view-content { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px 0; } .featuredStories .item .h2Title a { font-size: 18px; } .featuredStories .item:hover .h2Title a { text-decoration: underline; } .whitebg h2.block-title { border-bottom: 3px solid #bd1380; } .whitebg .view-press-releases h2 a { font-size: 14px !important; } .views-field-field-press-release-date .date-display-single { font-weight: 800; } .views-row.relatedArticles .views-field-field-blog-thumbnail { margin-bottom: 5px; } .views-row.relatedArticles div:nth-child(2) div { padding-bottom: 0px; font-size: 12px; color: #3c3c3c; font-family: 'Gotham'; font-weight: bold; text-transform: uppercase; } .views-row.relatedArticles div:nth-child(3) a { color: #3c3c3c; font-size: 16px; font-weight: 500; margin-bottom: 7px; line-height: 21px; font-family: 'Gotham-book'; } .fluid-width-video-wrapper { margin-bottom: 20px; overflow: hidden; } #twitterFeed { margin-bottom: 0px; } .historyTimeline { padding-top: 20px; } .rightbar .shareSideBar li { padding: 0; text-align: center; } .rightbar .shareSideBar li .fa-envelope { font-size: 26px; vertical-align: -webkit-baseline-middle; } .pager-next, .pager-previous, .pager-last, .pager-first { font-weight: 600; background: transparent; } .pager-next:hover, .pager-previous:hover, .pager-last:hover, .pager-first:hover { background: transparent; } .innerpagezone .pager-next a, .innerpagezone .pager-previous a, .innerpagezone .pager-last a, .innerpagezone .pager-first a { color: #3c3c3c !important; transition: color 0.2s ease-in-out; } .innerpagezone .pager-next:hover a, .innerpagezone .pager-previous:hover a, .innerpagezone .pager-last:hover a, .innerpagezone .pager-first:hover a { color: #bd1380 !important; } .publicTitle.thanks { margin-bottom: 0; } .publicTitle.thanks h2 { color: white; margin: 0; } ul.sponsors { border: 2px solid #bd1380; border-top: 0; } .sponsor-item { display: block; list-style: none; margin: 0; padding: 10px; text-align: center; } .front .progImg .vCenter p { font-size: 13px; } .front .sl .progImg .vCenter p { font-size: 11px; } .front .nm-rr .progImg .vCenter p { font-size: 12px; } /* Publications/Resources Page Stlyes */ #block-views-publications-topbanner .block-inner h2.block-title { display: none; } .ourResource .contentPrg { position: absolute; background: rgba(189, 19, 128, 0.7); bottom: 0 !important; top: 0; left: 0; right: 0; } .progImg .progTitle .fpTitle { background: transparent; color: #fff; font-size: 20px; font-weight: 500; padding: 5px 0 12px; position: absolute; right: 0; bottom: 0; left: 0; } .vCenter p { font-size: 12px; } /* Latest Blogs Page Styles */ #block-views-blog-latestblogs .upcomeEvents p { display: none; } #block-views-blog-latestblogs .upcomeEvents .row { margin-bottom: 10px; } .relatedArticles .field-content { position: relative; } .relatedArticles .field-content .img-attrib { position: absolute; bottom: 0; right: 0; font-size: 10px; text-align: right; color: white; opacity: 1; background-color: rgba(0, 0, 0, 0.56); pointer-events: none; padding: 2px; } #block-views-blog-latestblogs .at-icon-wrapper { opacity: 0.7 } #block-views-blog-latestblogs .at-icon-wrapper:hover { opacity: 1; } body.context-blog #region-content { height: auto !important; } /* Press Release Styles */ #zone-content .view-press-releases h2 a { text-transform: none; font-size: inherit !important; font-weight: 600; } /* Latest Events */ .block-views-events-upcomingevents .upcomeEvents .listWrap { padding-bottom: 30px; } /* Latest Media Awards Events */ .block-views-events-28mediaawards .upcomeEvents .listWrap { padding-bottom: 30px; } /* Individual Blog Post Pages */ #block-system-main .upcomeEvents .pinkBtnG { margin-bottom: 10px; } .page-blog- #page-title { border-bottom: 3px solid #bd1380; padding-bottom: 5px; font-family: "Gotham"; margin-bottom: 10px; } #block-system-main .h2TitleSm { line-height: 22px; } .homeSlider .container .sliderContent h2 { font-size: 28px !important; } .node-type-blog .homeSlider .container .sliderContent h2 { font-size: 20px !important; text-transform: initial; } .field-name-field-blog-featured-attrib div { font-family: 'Open Sans',Arial,sans-serif; color: #bd1380 !important; text-align: right; margin-bottom: 10px; } #AdditonalResources .seeAll { float: left; } /* TAP */ .region-content-sidebar h2.block-title { padding: 10px 0 5px; border-bottom: 3px solid #bd1380; font-family: "Gotham"; } .block-tap-cap-members h2.block-title { padding: 10px 0 155px; border-bottom: 3px solid #bd1380; font-family: "Gotham"; background-image: url(https://www.glaad.org/sites/default/files/styles/1200px/public/TheAccountabilityProject.png?itok=9DDEaQGj); color: transparent; /* width: 95%; */ /* height: 407px; */ background-size: 220px 220px; background-repeat: no-repeat; } .progImg .vCenter p { font-size: 17px; } #featuredtap .pinkBtn { margin-bottom: 20px; } #block-views-pub-series-pubseries .item { margin-bottom: 10px; } #block-views-pub-series-pubseries .progImg .fpTitle { text-align: center; padding: 10px 0; } .views-field-field-tap-image img { width: 100%; } #block-views-pub-series-pubseries .progImg .fpTitle a { position: static; font-size: 14px; color: #bd1380; font-weight: 600; padding-top: 10px; } #block-views-tap-block-2 .views-field-title h3.field-content { margin: 0; line-height: initial; } #block-views-tap-block-2 .views-field-title .field-content a { font-size: 15px; } #block-views-tap-block-2 .views-field-created span { font-size: 10px; color: #bd1380; } #block-views-tap-cap-members a { color: #3c3c3c; font-size: 16px; font-weight: 600; transition: color 0.4s ease; } #block-views-tap-cap-members a:hover { color:#757575; } .under-attack-container.tap { margin-bottom: 20px; } .under-attack-container.tap .text-container { border: 6px solid #3c3c3c; padding: 8px 20px; display: block; text-align: center; max-width: 70%; background: rgba(189, 19, 128, 0); } .under-attack-container.tap span { color: #3c3c3c; font-size: 18px; } .under-attack-container.tap .day-container { display: block; border: 6px solid #3c3c3c; padding: 8px 20px; text-align: center; background: rgba(189, 19, 128, 0); color: #3c3c3c; font-family: "Gotham"; font-size: 12px; max-width: 182px; margin-top: 10px; } .context-trump .content .views-field-title h3.field-content { line-height: initial; font-size: inherit; margin: 4px 0 1px; } .context-trump #zone-content .views-field-title h3.field-content a { font-size: 14px; font-weight: 800; } #zone-content .context-trump .views-field-title h3 { margin: 5px 0 0; font-weight: 800; line-height: 16px; } #zone-content .context-trump .views-field-title h3 a { font-size: 16px; } .context-trump.views-field-created { font-size: 10px; margin-bottom: 4px; } .context-trump .views-field-created span { font-size: 10px; } .context-trump .views-field-created span.field-content { color: #bd1380; } .tap-title a { font-size: 30px; font-weight: 600; color: #252525; } .tap-title a:hover { text-decoration: underline; } #block-views-blog-latestblogs-tap hr:last-of-type { display: none; } #block-views-blog-latestblogs-tap { border-bottom: 1px #c3c3c3 solid; margin-bottom: 20px; } .views-cap-commentator-list .views-column div:nth-child(9):before { content:'Remaining profiles in alphabetical order by last name'; display: block; opacity: 1; margin: 5px 0 2px; font-style:italic; } /* Latest Videos */ .latest-videos-play-button { display: block; position: absolute; top: 0; pointer-events: none; } .latest-videos-play-button { display: none; } /* Spanish-Language and Latinx */ .page-node-15255 .homeSlider .container .sliderContent h2 { font-size: 22px !important; } .page-node-15255 .homeSlider .container .sliderContent p { font-size: 10px; } /*** TOGETHER WE page ***/ /* Together We Slider on the homepage */ /*#home-cta-slider .homeSlider .container .sliderContent .together-wrapper + p + a { font-size: 24px !important; max-width: 225px; margin: auto; display: block; text-align: center; }*/ .together-wrapper { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ align-items: center; padding-bottom: 30px; } .together-image-container { display: inline-block; } .together-image-container img { max-width: 100px; height: auto !important; } .together-text-container { display: inline-block; padding-left: 20px; } .together-text { font-family: 'Gotham'; font-size: 28px; font-weight: 700; color: #fff; } .we-resist-container { position: relative; } .we-text { display: inline-block; color: white; font-family: 'Gotham'; font-size: 18px; font-weight: 700 !important; } .rotating-text { display: inline-block; font-size: 18px; font-family: 'Gotham'; position: static !important; transform: translateY(-50px); opacity: 0; transition: all 0.6s ease; font-weight: 700 !important; } .rotating-text.show { transform: translateY(0); opacity: 1; transition: all 0.2s ease; } .rotating-text.show.bye { transform: translateY(50px); opacity: 0; } #block-views-accordion-views-togetherwe .ui-accordion .ui-accordion-header { background: #414270; border: 1px solid rgba(255,255,255,.5); border-radius: 0; position: relative; } #block-views-accordion-views-togetherwe .ui-accordion .ui-accordion-header:hover { background: #54557e; } #block-views-accordion-views-togetherwe .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; right: 0; left: initial; background-image: none; background: #bd1380; height: 100%; width: 46px; top: 0; margin: 0; border-left: 1px solid #9c9c9c; padding: 14px 15px; font: normal normal normal 14px/1 FontAwesome; text-indent: 0; transition: background 0.6s ease; } #block-views-accordion-views-togetherwe .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon { background: #730f4f; } #block-views-accordion-views-togetherwe .ui-accordion .ui-accordion-header .ui-accordion-header-icon::before, #block-views-accordion-views-togetherwe .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before { content: "\f067"; font-size: 20px; color: #ffffff; } #block-views-accordion-views-togetherwe .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon::before, #block-views-accordion-views-togetherwe .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\f068"; } #zone-content #block-views-accordion-views-togetherwe a { color: #FFF; transition: color 0.6s ease-in-out; } #zone-content #block-views-accordion-views-togetherwe a:hover { color: #ea33a9 !important; } #block-views-accordion-views-togetherwe .ui-accordion .ui-accordion-content { background: #fff; color: #000; border-radius: 0; border-left: 1px solid rgb(65, 66, 112); border-right: 1px solid rgb(65, 66, 112); } .context-together .accord-content.social .col-sm-2 { float: left; display: inline-block; width: 33%; } .context-together .sliderWidth h2 { display: none; } .context-together .accord-content { background: #fff; color: #000; border-radius: 0; border-left: 1px solid rgb(65,66,112); border-right: 1px solid rgb(65,66,112); } .context-together .accord-content:last-of-type { border: 0; } .context-together .accord-header h3 { border-radius: 0; display: block; position: relative; padding: .5em .5em .5em .7em; min-height: 0; background: rgb(65,66,112); color: white; } .context-together .amp-logo { width: 17px; } /*** Together We END ***/ /*** News and Rapid Response ***/ .context-news-rapid-response .homeSlider .container .sliderContent h2 { font-size: 22px !important; } .context-news-rapid-response .homeSlider .container .sliderContent p { font-size: 9px; } .context-news-rapid-response .content .field-item { text-align: center; } .context-news-rapid-response .content .field-item .tap-headline { display: inline-block; border: 6px solid #3c3c3c; padding: 8px 20px; font-weight: 700; text-transform: uppercase; color: #3c3c3c; font-size: 18px; } .context-news-rapid-response .content .field-item .tap-headline a { font-family: "Gotham"; font-weight: 700; color: #3c3c3c; text-decoration: underline; } .context-news-rapid-response .home-img-attrib { font-family: 'Open Sans',Arial,sans-serif; color: #cacaca !important; text-align: right; margin-bottom: 10px; font-size: 11px; } .context-news-rapid-response .rightbar { padding: 0; } .context-news-rapid-response .rightbar .pinkWrap .h2Title { color: white; padding: 15px 35px 0; line-height: 39px; } .context-news-rapid-response .rightbar .pinkWrap form { width: 100%; max-width: 700px; display: block; margin: 10px auto; background: transparent; } .context-news-rapid-response .rightbar .pinkWrap .webform-client-form input[type=email] { width: 100%; background: #bd1380; border-radius: 0; border: none; border-bottom: 2px solid white; color: white; padding: 0; font-size: 14px !important; height: 32px; font-family: 'Gotham'; } .context-news-rapid-response .rightbar .pinkWrap .webform-client-form input[type='submit'] { background: none repeat scroll 0% 0% #bd1380 !important; box-sizing: border-box; border-bottom: 4px solid white; border-radius: 0; width: auto; padding: 6px 0; text-align: left; margin: 0; font-family: 'Museo'; font-size: 20px !important; text-transform: capitalize; text-shadow: none; font-weight: bold; letter-spacing: normal; cursor: pointer; display: block; max-width: 300px; color: #fff; transition: all 0.8s ease; } .context-news-rapid-response .rightbar .pinkWrap .webform-client-form input[type=email]:active, .context-news-rapid-response .rightbar .pinkWrap .webform-client-form input[type=email]:focus { box-shadow: none !important; outline: none !important } .context-news-rapid-response .rightbar .pinkWrap .webform-client-form input[type=email]::-webkit-input-placeholder, .context-news-rapid-response .rightbar .pinkWrap .webform-client-form input[type=email]::-webkit-input-placeholder { color: #bdbdbd; } .context-news-rapid-response .rightbar .pinkWrap .webform-client-form input[type=email]:-moz-placeholder, .context-news-rapid-response .rightbar .pinkWrap .webform-client-form input[type=email]:-moz-placeholder { /* Firefox 18- */ color: #bdbdbd; } .context-news-rapid-response .rightbar .pinkWrap .webform-client-form input[type=email]::-moz-placeholder, .context-news-rapid-response .rightbar .pinkWrap .webform-client-form input[type=email]::-moz-placeholder { /* Firefox 19+ */ color: #bdbdbd; } .context-news-rapid-response .rightbar .pinkWrap .webform-client-form input[type=email]:-ms-input-placeholder, .context-news-rapid-response .rightbar .pinkWrap .webform-client-form input[type=email]:-ms-input-placeholder { color: #bdbdbd; } .context-news-rapid-response .rightbar .pinkWrap .webform-client-form input[type='submit'].processing { cursor: progress; color: #d4d4d4; border-bottom: 4px solid #d4d4d4; pointer-events: none; } .context-news-rapid-response .rightbar .process-bar { width: 0; height: 21px; background: #28a5e0; position: absolute; left: 0; transition: width 5s ease; } .context-news-rapid-response .rightbar .process-bar.go { width: 100%; } .context-news-rapid-response #twitterFeed { margin-bottom: 0 !important; } .context-news-rapid-response .twitLogo { position: static; background: transparent; text-align: center; margin: 5px 0 10px; } .context-news-rapid-response .slick-slider { margin: 0; min-height: 170px; } .context-news-rapid-response #twitterFeed .container:before { display: none; } .context-news-rapid-response #twitterFeed .items { background: transparent; } .context-news-rapid-response #twitterFeed .feedPadd { border: none; font-size: 16px; } .context-news-rapid-response .slick-prev { transform: rotate(90deg); top: 11px; bottom: auto; left: 33%; } .context-news-rapid-response .slick-next { transform: rotate(90deg); top: 11px; bottom: auto; left: 59%; } .context-news-rapid-response #block-views-tap-latest-tap-detail { padding: 0px 30px 25px; } .context-news-rapid-response .pinkBtn { margin-bottom: 20px; } .context-news-rapid-response .secTitle { margin-left: 12px; margin-bottom: 15px; } .context-news-rapid-response .press-release-title { margin-bottom: 3px; } .context-news-rapid-response .press-release-title a, .context-news-rapid-response .press-release-title a:hover { color: #353535 !important; } .context-news-rapid-response .press-release-date .date-display-single { font-weight: 800; font-size: 14px; } .context-news-rapid-response .press-release-item { padding-bottom: 20px; } #zone-content .context-news-rapid-response .views-field-title h3 { margin: 5px 0 0; font-weight: 800; line-height: 16px; } #zone-content .context-news-rapid-response .views-field-title h3 a { font-size: 16px; } .context-news-rapid-response .views-field-created { font-size: 10px; margin-bottom: 4px; } .context-news-rapid-response .views-field-created span { font-size: 10px; } .context-news-rapid-response .views-field-created span.field-content { color: #bd1380; } .context-news-rapid-response .content .views-field-title h3.field-content { line-height: initial; font-size: inherit; margin: 4px 0 1px; } .context-news-rapid-response #zone-content .views-field-title h3.field-content a { font-size: 14px; font-weight: 800; } .context-news-rapid-response .content .views-field-comment-body { padding-bottom: 5px; } /*** END News and Rapid Response ***/ /*** Start Media Awards page ***/ #rghtSidr .puchase-tickets { margin:0 !important; display: block; margin-bottom: 17px!important; } #rghtSidr .puchase-tickets:hover { background-color: transparent; } #rghtSidr .puchase-tickets a { font-size: 20px !important; height: auto; padding: 15px; margin: 0; border-radius: 6px; transition: all 0.4s ease; } p.name-gradient span { text-transform: uppercase; font-family: "Gotham"; font-size: 16px; } p.name-gradient span:nth-child(3n+1) { color: #484848; } p.name-gradient span:nth-child(3n+2) { color: #045996; } p.name-gradient span:nth-child(3n+3) { color: #76b0ec; } /*** END Media Awards page ***/ /** Rising Stars Page **/ .context-risingstars .sliderWidth h2, .context-risingstars-ma .sliderWidth h2 { display: none; } .context-risingstars .whitebg h2.block-title { margin-top: 10px; width: 100%; } .context-risingstars #rsa, .context-risingstars #rsa-gma29{ text-align: center; font-size: 40px; line-height: initial; margin-top: 10px; } .risingstars-wrapper, .amp-wrapper { text-align: center; padding: 0; display: block; } .risingstars-image-container, .amp-image-container { display: inline-block; } .risingstars-image-container .desktop-logo, .amp-image-container .desktop-logo { display: none; } .risingstars-image-container .mobile-logo, .amp-image-container .mobile-logo { max-width: 160px; padding-bottom: 20px; } .risingstars-image-container .logo, .amp-image-container .logo { max-width: 160px; padding-bottom: 40px; } .risingstars-text-container { display: inline-block; padding-left: 20px; } .risingstars-text-container h1 { font-family: 'Museo'; font-weight: 700; font-size: 19px; color: #fff; } .context-risingstars .tabs { padding-top: 100px; } .context-risingstars #block-system-main { padding-top: 110px; } .context-risingstars .tabs { padding-top: 150px; } .context-risingstars #block-system-main { padding-top: 160px; } .context-risingstars-ma #block-block-115, .context-risingstars #block-block-129, .context-risingstars #block-block-139, .context-risingstars #block-block-150 { position: absolute; top: 0; width: 100%; left: 0; } .context-risingstars .risingstars-submenu, .context-risingstars-ma .risingstars-submenu { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; border-bottom: 1px #bd1380 solid; margin: 0; } .context-risingstars .risingstars-submenu li, .context-risingstars-ma .risingstars-submenu li { display: inline-block; padding: 12px 0px; box-sizing: border-box; margin: 0 30px; width: auto; font-family: "Gotham"; } .context-risingstars .risingstars-submenu li a, .context-risingstars-ma .risingstars-submenu li a { text-decoration: none; color: #bd1380; font-weight: bold; transition: color 0.5s ease; } .context-risingstars .risingstars-submenu li a:hover, .context-risingstars-ma .risingstars-submenu li a:hover { color: #f119a3; } .context-risingstars .recipient-container, .context-risingstars-ma .recipient-container { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-wrap: wrap; text-align: center; justify-content: space-between; position: relative; margin-bottom: 20px; } .context-risingstars .recipient-container .recipient-item, .context-risingstars-ma .recipient-container .recipient-item { display: inline-block; position: relative; width: 100%; padding: 10px 0; border-bottom: 1px solid #e4e4e4; cursor: pointer; } .context-risingstars .recipient-container .recipient-item h4, .context-risingstars-ma .recipient-container .recipient-item h4 { font-size: 26px; font-family: "Gotham"; font-weight: 500; color: #252525; margin: 6px 0 4px 0; } .context-risingstars .recipient-container .recipient-item img, .context-risingstars-ma .recipient-container .recipient-item img { width: 200px; } .context-risingstars .recipient-container .recipient-item .bio, .context-risingstars-ma .recipient-container .recipient-item .bio { position: absolute; opacity: 0; z-index: 2; background: rgb(255, 255, 255); border: 3px solid #bd1380; padding: 15px 15px 10px 10px; pointer-events: none; top: 0; left: 0; width: 100%; transition: opacity 0.6s ease; cursor: pointer; } .context-risingstars .recipient-container .recipient-item .bio.on, .context-risingstars-ma .recipient-container .recipient-item .bio.on { opacity: 1; pointer-events: initial; } .context-risingstars .recipient-container .recipient-item .bio p, .context-risingstars-ma .recipient-container .recipient-item .bio p { font-size: 14px; margin: 0; } .context-risingstars #zone-content .recipient-container .recipient-item .bio span, .context-risingstars-ma #zone-content .recipient-container .recipient-item .bio span { color: #252525; font-weight: bold; } .context-risingstars .recipient-container .recipient-item .bio .close, .context-risingstars-ma .recipient-container .recipient-item .bio .close { font-size: 14px; font-weight: bold; position: absolute; top: 3px; right: 7px; } .context-risingstars .risingstars-faq-container, .context-risingstars-ma .risingstars-faq-container { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-wrap: wrap; flex-direction: row; width: 100%; position: relative; } .context-risingstars .faq-item, .context-risingstars-ma .faq-item { display: inline-block; width: 100%; padding: 20px; margin: 10px; box-sizing: border-box; background-color: #fff; box-shadow: 0px 4px 4px #c1c1c1; -moz-box-shadow: 0px 4px 4px #c1c1c1; -webkit-box-shadow: 0px 2px 4px #c1c1c1; } .context-risingstars .faq-item:nth-child(odd) { background: rgba(207,238,56,0.2); background: -moz-linear-gradient(45deg,rgba(207,238,56,0.2) 0%,rgba(189, 19, 128, 0.2) 100%); background: -webkit-linear-gradient(45deg,rgba(207,238,56,0.2) 0%,rgba(189, 19, 128, 0.2) 100%); background: linear-gradient(45deg,rgba(207,238,56,0.2) 0%,rgba(189, 19, 128, 0.2) 100%); background: linear-gradient(45deg,rgba(207,238,56,0.2) 0%,rgba(189, 19, 128, 0.2) 100%); } .context-risingstars .faq-item { background: rgba(207,238,56,0.2); background: -moz-linear-gradient(45deg,rgba(189, 19, 128, 0.2) 0%,rgba(207,238,56,0.2) 100%); background: -webkit-linear-gradient(45deg,rgba(189, 19, 128, 0.2) 0%,rgba(207,238,56,0.2) 100%); background: linear-gradient(45deg,rgba(189, 19, 128, 0.2) 0%,rgba(207,238,56,0.2) 100%); background: linear-gradient(45deg,rgba(189, 19, 128, 0.2) 0%,rgba(207,238,56,0.2) 100%); } .context-risingstars .faq-question, .context-risingstars-ma .faq-question { border-bottom: 1px #231f20 solid; } .context-risingstars .faq-question h5, .context-risingstars-ma .faq-question h5 { font-family: "Open Sans"; letter-spacing: normal; margin-bottom: 3px; } .context-risingstars .faq-answer, .context-risingstars-ma .faq-answer { margin-top: 10px; } .context-risingstars .faq-answer li, .context-risingstars-ma .faq-answer li { font-size: 13px; } #block-views-accordion-views-risingstars .ui-accordion .ui-accordion-header, #block-views-accordion-views-block-5 .ui-accordion .ui-accordion-header { background: #414270; border: 1px solid rgba(255,255,255,.5); border-radius: 0; position: relative; } #block-views-accordion-views-risingstars .ui-accordion .ui-accordion-header:hover, #block-views-accordion-views-block-5 .ui-accordion .ui-accordion-header:hover { background: #54557e; } #block-views-accordion-views-risingstars .ui-accordion .ui-accordion-header .ui-accordion-header-icon, #block-views-accordion-views-block-5 .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; right: 0; left: initial; background-image: none; background: #bd1380; height: 100%; width: 46px; top: 0; margin: 0; border-left: 1px solid #9c9c9c; padding: 14px 15px; font: normal normal normal 14px/1 FontAwesome; text-indent: 0; transition: background 0.6s ease; } #block-views-accordion-views-risingstars .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon, #block-views-accordion-views-block-5 .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon { background: #730f4f; } #block-views-accordion-views-risingstars .ui-accordion .ui-accordion-header .ui-accordion-header-icon::before, #block-views-accordion-views-block-5 .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before { content: "\f067"; font-size: 20px; color: #ffffff; } #block-views-accordion-views-risingstarse .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon::before, #block-views-accordion-views-togetherwe .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before, #block-views-accordion-views-block-5 .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\f068"; } #zone-content #block-views-accordion-views-risingstars a, #zone-content #block-views-accordion-views-block-5 a { color: #FFF; transition: color 0.6s ease-in-out; } #zone-content #block-views-accordion-views-risingstars a:hover, #zone-content #block-views-accordion-views-block-5 a:hover { color: #ea33a9 !important; } #block-views-accordion-views-risingstars .ui-accordion .ui-accordion-content, #block-views-accordion-views-block-5 .ui-accordion .ui-accordion-content { background: #fff; color: #000; border-radius: 0; border-left: 1px solid rgb(65, 66, 112); border-right: 1px solid rgb(65, 66, 112); } .context-risingstars .accord-content.social .col-sm-2, .context-risingstars-ma .accord-content.social .col-sm-2 { float: left; display: inline-block; width: 33%; } .context-risingstars .accord-content, .context-risingstars-ma .accord-content { background: #fff; color: #000; border-radius: 0; border-left: 1px solid rgb(65,66,112); border-right: 1px solid rgb(65,66,112); } .context-risingstars .accord-content:last-of-type, .context-risingstars-ma .accord-content:last-of-type { border: 0; } .context-risingstars .accord-header h3, .context-risingstars-ma .accord-header h3 { border-radius: 0; display: block; position: relative; padding: .5em .5em .5em .7em; min-height: 0; background: rgb(65,66,112); color: white; } .sfgala-recips, .risingstars-sponsors { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; } .sfgala-recips .recip-item { display: inline-block; padding: 0 30px; cursor: pointer; margin-bottom: 20px; } .risingstars-sponsors .rs-sponsor { display: inline-block; padding: 0 30px; margin-bottom: 20px; align-self: center; text-align: center; } .sfgala-recips .recip-item p { font-family: "Futura-PT"; text-align: center; margin: 0; } .sfgala-recips .recip-item .recip-name { color: #bd1380; } .sfgala-recips .recip-item .grant-name { color: #000; } #sfrs, #gma29rs { position: fixed; height: 100vh; width: 100vw; top: 0; left: 0; z-index: 2; pointer-events: none; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 0.4s ease-in-out; } #sfrs.on, #gma29rs.on { pointer-events: initial; opacity: 1; } #sfrs .bio-item, #gma29rs .bio-item { position: absolute; opacity: 0; z-index: 2; background: rgb(255,255,255); border: 3px solid #bd1380; padding: 15px 15px 10px 10px; pointer-events: none; top: 50%; transform: translateY(-62%); left: 0; margin: 30px; transition: opacity 0.6s ease; cursor: pointer; } #sfrs .bio-item.on, #gma29rs .bio-item.on { opacity: 1; pointer-events: initial; } #sfrs .bio-item .close, #gma29rs .bio-item .close { font-size: 14px; font-weight: bold; position: absolute; top: 3px; right: 7px; } #sfrs .bio-item p, #gma29rs .bio-item p { font-size: 15px; margin: 0; } #sfrs .bio-item p .name, #gma29rs .bio-item p .name { font-weight: bold; color: #000; } /* END Rising Stars Styles */ /* START Inclusive Screens Styles */ /* Language Toggle Button Styles */ .lang-toggle { text-align: center; } .lang-toggle h3 { display: inline-block; vertical-align: sub; font-size: 18px; } .tgl { display: none; } .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn { box-sizing: border-box; } .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection { background: none; } .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection { background: none; } .tgl + .tgl-btn { outline: 0; display: inline-block; margin: 0 auto 10px; width: 220px; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tgl + .tgl-btn:after, .tgl + .tgl-btn:before { position: relative; display: inline-block; content: ""; width: 50%; height: 100%; } .tgl + .tgl-btn:after { left: 0; } .tgl + .tgl-btn:before { display: none; } .tgl:checked + .tgl-btn:after { left: 50%; } .tgl-skewed + .tgl-btn { overflow: hidden; /* -webkit-transform: skew(-10deg); */ /* transform: skew(-10deg); */ -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all .2s ease; font-family: sans-serif; /* background: #ffbec0; */ border: 2px solid #252525; border-radius: 5px; } .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before { display: inline-block; transition: all .2s ease; width: 100%; text-align: center; position: absolute; line-height: 1.8em; font-weight: bold; color: #252525; } .tgl-skewed + .tgl-btn:after { left: 100%; content: attr(data-tg-on); } .tgl-skewed + .tgl-btn:before { left: 0; content: attr(data-tg-off); } .tgl-skewed + .tgl-btn:active { background: #888; } .tgl-skewed + .tgl-btn:active:before { left: -10%; } .tgl-skewed:checked + .tgl-btn { background: #ff686c; } .tgl-skewed:checked + .tgl-btn:after, .tgl-skewed:checked + .tgl-btn:before { color: #fff; } .tgl-skewed:checked + .tgl-btn:before { left: -100%; } .tgl-skewed:checked + .tgl-btn:after { left: 0; } .tgl-skewed:checked + .tgl-btn:active:after { left: 10%; } /* End Language toggle! */ .context-inclusivescreens .english, .context-inclusivescreens .espanol { display: none; } .context-inclusivescreens .english.on, .context-inclusivescreens .espanol.on { display: block; } #ic-rc { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; text-align: center; font-size: 40px; line-height: initial; margin-top: 10px; } .ic-rc-container .rc-item { display: inline-block; padding: 0 30px; cursor: pointer; margin-bottom: 20px; } .ic-rc-container .rc-item .recip-name { color: #ce2026; margin-bottom:2px; } .ic-rc-container .rc-item .social-profile { font-size: 15px; color: #ce2026; } .ic-rc-container .rc-item .social-profile .social-link{ color: #ce2026; text-decoration: underline; } #ic-rc-bios { position: fixed; height: 100vh; width: 100vw; top: 0; left: 0; z-index: 2; pointer-events: none; background: rgba(0,0,0,0.7); opacity: 0; transition: opacity 0.4s ease-in-out; } #ic-rc-bios.bios.on { opacity: 1; pointer-events: initial; } #ic-rc-bios .bio-item { position: absolute; opacity: 0; z-index: 2; background: rgb(255,255,255); border: 6px solid #ce2026; padding: 15px 15px 10px 10px; pointer-events: none; top: 50%; transform: translateY(-62%); left: 0; margin: 30px; transition: opacity 0.6s ease; } #ic-rc-bios .bio-item div { height: 0px; opacity: 0; pointer-events: none; } #ic-rc-bios .bio-item div.on { height: auto; opacity: 1; } #ic-rc-bios.on .bio-item div.on { pointer-events: initial; } #ic-rc-bios .bio-item.on { opacity: 1; pointer-events: initial; } #ic-rc-bios .bio-item .close { font-size: 24px; font-weight: bold; position: absolute; top: 3px; right: 17px; color: #ce2026; cursor: pointer; } #ic-rc-bios .bio-item p { font-size: 15px; margin: 0; } #ic-rc-bios .bio-item p .name { font-weight: bold; color: #000; } /*#ic-rc-bios .bio-item button, .english .intro-buttons button, .espanol .intro-buttons button { display: none; margin: 10px auto 0; color: black; font-size: 14px; font-family: inherit; padding: 8px; border-radius: 7px; background: #ffbec0; border: none; text-shadow: none; box-shadow: #949494 5px 5px 0px; }*/ /*** START Pride Styles ***/ .pride-container { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } .pride-item { display: inline-block; width: 100%; padding: 0 5px; } .pride-img { width: 100%; position: relative; margin-bottom: 10px; } a.pride-title { display: block; text-align: center; z-index: 20; color: #FFF; } .item-wrapper { position: static; background: #3ba7e7; padding: 15px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } span.shading { } .text-wrapper { height: 100%; position: relative; z-index: 50; padding: 0 15px; } .pride-item .title { text-align: center; } .pride-item:hover .title { } .pride-item .title span { font-family: 'Gotham'; font-weight: 700; color: #fff; font-size: 20px; padding-bottom: 5px; position: relative; display: inline-block; } .pride-item .text-wrapper p { font-family: 'Gotham-book'; font-style: normal; font-weight: normal; color: #fff; font-size: 14px; margin: 0; } .pride-item:hover .text-wrapper p { display: block; padding-top: 30px; } /*** START Bisexual Styles ***/ .bi-gloss-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-evenly; margin: 30px 0; } .gloss-item { width: 30%; } .gloss-wrapper { min-height: 420px; max-width: 200px; margin: 0 auto; position: relative; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 0px 40px 1px #dba63254; overflow: hidden; cursor: pointer; } .gloss-img { width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; transition: transform 0.5s ease; } .gloss-wrapper:hover .gloss-img, .gloss-wrapper:focus .gloss-img { transform: scale(1.2); } .gloss-item.bisexual .gloss-wrapper { box-shadow: 0px 0px 40px 1px #d70a70; } .gloss-item.bisexual .gloss-wrapper .gloss-img { background-image: url("https://www.glaad.org/sites/default/files/styles/1200px/public/sr-bi-vid.jpg"); } .gloss-item.pansexual .gloss-wrapper { box-shadow: 0px 0px 40px 1px #9d4e97; } .gloss-item.pansexual .gloss-wrapper .gloss-img { background-image: url("https://www.glaad.org/sites/default/files/styles/1200px/public/sb-bi-vid.jpg"); } .gloss-item.bi-plus .gloss-wrapper { box-shadow: 0px 0px 40px 1px #0135aa; } .gloss-item.bi-plus .gloss-wrapper .gloss-img { background-image: url("https://www.glaad.org/sites/default/files/styles/1200px/public/h-bi-vid.jpg") } .play-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 2px solid #000; width: 62px; height: 62px; text-align: center; border-radius: 50%; color: #000; transition: all 0.5s ease; } .gloss-wrapper:hover .play-icon, .gloss-wrapper:focus .play-icon { color: #fff; border-color: #fff; } .play-icon i.fa.fa-play { font-size: 40px; margin-top: 10px; margin-left: 8px; } .gloss-item span.shading { position: absolute; bottom: 0; left: 0; right: 0; height: 85px; z-index: 10; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); } .gloss-text-container { position: absolute; width: 100%; bottom: 14px; z-index: 50; text-align: center; } .gloss-item .title span { color: #fff; font-weight: bold; font-size: 17px; font-family: "Gotham"; } .bisocial-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; display: flex; justify-content: space-evenly; margin: 30px 0; } .bisocial-item { width: 30%; border: 3px solid #fff; } .bisocial-wrapper { margin: 0 auto; min-height: 180px; position: relative; background-repeat: no-repeat; background-size: cover; overflow: hidden; cursor: pointer; } .bisocial-img { width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; transition: transform 0.5s ease; } .bisocial-wrapper:hover .bisocial-img, .bisocial-wrapper:focus .bisocial-img { transform: scale(1.2); } .bisocial-img.bi { background-image: url("https://www.glaad.org/sites/default/files/styles/1200px/public/bi-social/bi-proud.jpg"); } .bisocial-img.pan { background-image: url("https://www.glaad.org/sites/default/files/styles/1200px/public/bi-social/pan-proud.jpg"); } .bisocial-img.soy { background-image: url("https://www.glaad.org/sites/default/files/styles/1200px/public/bi-social/soy-bi.jpg"); } .bisocial-img.stereo { background-image: url("https://www.glaad.org/sites/default/files/styles/1200px/public/bi-social/bi-stereo.jpg"); } .bisocial-img.liz { background-image: url("https://www.glaad.org/sites/default/files/styles/1200px/public/bi-social/bi-liz.jpg"); } .bisocial-img.gianna { background-image: url("https://www.glaad.org/sites/default/files/styles/1200px/public/bi-social/bi-gianna.jpg"); } /*** START glaadcast styles ***/ .overview { border-bottom: 1px solid #bbbbbb; display: block; margin-bottom: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .glaadcast-icon { display: inline-block; margin-right: 15px; } .glaadcast-icon img { max-width: 75px; outline: 1px solid #000; } .heading-text { margin-bottom: 20px; } .overview h1 { font-family: "Futura-PT"; font-size: 1.5rem; color: #000; font-weight: bold; } .heading-text p { font-size: 0.9375rem; line-height: 1.125rem; } .heading-action button, .footer-action button { font-size: 13px; font-size: 0.8125rem; line-height: 16px; line-height: 1rem; font-weight: 700; font-style: normal; font-family: "Futura-PT",arial,helvetica,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 28px; border: none; background: #eb4f58; color: #fff; text-transform: none; text-shadow: none; line-height: 25px; } .subscribe-service-list { box-shadow: -1px 4px 6px rgba(0,0,0,0.09); border: 1px solid #ccc; background-color: #fff; position: absolute; top: 40px; left: 12px; right: -5px; } .hidden { display: none !important; } .node .field-items .field-item ul.subscribe-menu { margin: 0; padding: 0; text-align: left; } .subscribe-menu li { font-size: 16px; font-size: 1rem; line-height: 25px; line-height: 1.4375rem; font-weight: 400; font-style: normal; list-style: none; margin: 0; padding: 0; } .heading-action, .footer-action { display: inline-block; position: relative; } .footer-action { margin-bottom:15px; } .podcast-footer h6 a:link, .podcast-footer h6 a:visited { text-decoration: underline; font-family: "Futura-PT"; } .subscribe-menu a { font-size: 16px; font-size: 1rem; line-height: 20px; line-height: 1.25rem; font-weight: 500; font-style: normal; font-family: "nyt-franklin",arial,helvetica,sans-serif; display: block; margin: 0; padding: 7px 9px; color: #326891; } .up-arrow { width: 0; height: 0; display: inline-block; border-left: 14px inset transparent; border-right: 14px inset transparent; border-top: 14px inset transparent; border-bottom: 14px inset transparent; border-bottom: 14px solid #b3b3b3; right: 5px; top: -29px; position: absolute; z-index: 99999999999; pointer-events: none; } .up-arrow-conceal { width: 0; height: 0; display: inline-block; border-left: 14px inset transparent; border-right: 14px inset transparent; border-top: 14px inset transparent; border-bottom: 14px inset transparent; border-bottom: 14px solid #fff; left: -14px; top: -13px; position: absolute; z-index: 99999999999; pointer-events: none; } .down-arrow { width: 0; height: 0; display: inline-block; border-left: 6px inset transparent; border-right: 6px inset transparent; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-top: 6px solid #fff; top: 45%; right: 9px; position: absolute; z-index: 99999999999; pointer-events: none; } .episode-list h3 { font-size: 24px; font-weight: 100; font-family: "Futura-PT"; text-transform: lowercase; line-height: normal; color: #525252; } ol.episode-menu { margin: 0; padding: 0; list-style: none; } li.episode { margin: 0 0 30px; padding: 0; border-bottom: 1px solid #bbbbbb; } header.episode-title { position: static; } .episode-title h4 { margin: initial; color: #000; font-weight: bold; font-size: 26px; } .episode-desc p { font-size: 0.9375rem; line-height: 1.125rem; } .episode-desc a { font-size: 16px; } footer.podcast-footer { text-align: center; } .podcast-footer h6 { font-family: "Futura-PT"; color: #232323; font-size: 22px; font-weight: 300; } .podcast-footer span.bold { font-family: inherit; color: inherit; font-size: inherit; font-weight: 400; } .context-glaadcast .node a:link, .context-glaadcast .node a:visited { font-family: 'Open Sans',Arial,sans-serif; color: #eb4f58; } /*** START Institute Styles ***/ .context-institute #zone-navigation-wrapper { background: rgba(76,97,172, 0.8); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(76,97,172,0.8) 0%, rgba(0,173,238,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(76,97,172,0.8) 0%,rgba(0,173,238,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(76,97,172,0.8) 0%,rgba(0,173,238,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c61ac', endColorstr='#00adee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .context-institute #block-block-120 { position: absolute; top: 0; width: 100%; left: 0; } .context-institute .institute-submenu { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; margin: 0; } .context-institute .institute-submenu li { display: inline-block; font-family: "Gotham"; width: 100%; margin: 0; padding: 0; } .context-institute .institute-submenu li a { text-decoration: none; background: #bd1380; color: #fff; font-weight: bold; transition: all 0.5s ease; width: 100%; padding: 14px; margin: 5px 0; display: inline-block; text-align: center; font-family: 'Gotham' !important; text-transform: uppercase; position: relative } .context-institute .institute-submenu li a:first-child { margin-top:0; } .context-institute .institute-submenu li a:hover { box-shadow: 1px 1px 2px #888888; background: #ec31a9; } .context-institute .innerpagezone .region-content { padding-top: 180px; } .about-links { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-direction: row; flex-wrap: wrap; justify-content: center; margin: auto; padding: 0 0 10px 0; } .about-links li { background: #ffffff; display: inline-block; padding: 10px 10px; box-sizing: border-box; margin: 5px 0; width: 100%; font-family: "Gotham"; text-align: center; border: 5px solid #bd1380; transition: border 0.5s ease; } .about-links li:last-child { width: 560px; } .about-links li a { text-decoration: none; color: #bd1380; font-weight: bold; transition: color 0.5s ease; } .about-links li:hover { border: solid 5px #4e0233 } .about-links li a:hover { color: #4e0233; } .interest-link { padding: 10px 0; max-width: 260px; margin: auto; } .interest-link a span { background: #ffffff; display: inline-block; padding: 10px 10px; box-sizing: border-box; margin: 5px 0; width: 100%; font-family: "Gotham"; text-align: center; border: 5px solid #bd1380; transition: all 0.5s ease; color: #bd1380; font-size: 20px; } .interest-link a span:hover { color: #ec31a9; border-top: 5px solid #ec31a9; border-bottom: 5px solid #ec31a9; border-left: 1px solid #ec31a9; border-right: 1px solid #ec31a9; box-shadow: 10px 0 0 #ec31a9, -10px 0 0 #ec31a9; } .digital-button-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; } .digital-button-menu ul.menu { list-style: none; padding: 0; margin: 0; } .digital-button { padding: 10px 0; margin: 0 5px; display: inline-block; } .digital-button a span { background: #85be99; display: inline-block; padding: 10px 10px; box-sizing: border-box; margin: 5px 0; width: 100%; font-family: "Gotham"; text-align: center; border: 5px solid #85be99; color: #fff; font-size: 20px; border-radius: 6px; position: relative; transition: 0.5s; } .digital-button a span:after { content: '\00bb'; position: absolute; opacity: 0; top: 3px; right: -2px; transition: 0.5s; font-size: 28px; } .digital-button a span:hover { padding-right: 25px; } .digital-button a span:hover:after { opacity: 1; right: 5px; } .upcoming-courses { max-width: 960px; margin: 0 auto; padding: 10px 0; } .courses-container .headline { padding: 5px; } .courses-container .headline h3 { font-family: "Futura-PT-Bold"; font-size: 22px; margin: 12px 0 10px 0; } .courses-container .row-link { color: #000; transition: color 0.5s ease; } .courses-container .row-link:hover { color: #ec31a9; } .courses-container .table-row { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-grow: 0; -webkit-flex-grow: 0; flex-wrap: wrap; -webkit-flex-wrap: wrap; width: 100%; padding: 5px 5px 3px 5px; border-bottom: 1px solid #000; } .courses-container .row-link:nth-child(odd) .table-row { background: #f1f1f1; } .courses-container .row-link:last-child .table-row { border-bottom: none; } .courses-container .text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: "Futura-PT"; font-size: 16px; } .courses-container .text.month { width: 36px; } .courses-container .text.date { width: 30px; } .courses-container .text.city { flex-grow: 1; -webkit-flex-grow: 1; } .courses-container .text.event { flex-grow: 1; -webkit-flex-grow: 1; text-align: end; } .context-institute .section-container h2 { font-size: 50px; } .context-institute .partner-content { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; width: 100%; } .context-institute .partner-content .partner-item.image { display: inline-block; margin: 10px 50px; align-self: center; } .context-institute .partner-content .partner-item img#gp { max-width: 60px; } .context-institute .partner-content .partner-item img#turner { max-width: 177px; } .context-institute .partner-content .partner-item.text { display: block; width: 100%; text-align: center; } .context-institute .partner-content .partner-item.text a { } .context-institute .partner-content .partner-item.text span { font-family:"Futura-PT-Bold"; text-transform: uppercase; font-size: 20px; color: #000; } .context-institute .partner-category { display: block; width: 100%; } .context-institute .partner-category h3 { width: 70%; text-align: center; border-bottom: 1px solid #272727; line-height: 0.1em; margin: 10px auto 20px; } .context-institute .partner-category h3 span { background: #fff; padding: 0 20px; font-size: 20px; font-weight: 600; color: #272727; } /*** END Institute Styles ***/ /*** Start Amplified Styles ***/ .context-amplified .panelists { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ flex-wrap: wrap; width: 100%; max-width: 720px; margin: auto; justify-content: center; } .context-amplified .panelists .panelist-name { font-family: "Futura-PT"; color: #25408f; font-size: 24px; margin-bottom: 0; line-height: initial; } .context-amplified .panelists .panelist-name span { font-family: "Futura-PT"; color: #25408f; font-size: 13px; font-weight: bold; } .context-amplified .panelists .panelist-info { font-family: "Futura-PT"; color: #000; font-size: 14px; font-weight: bold; line-height: initial; } /*** END Amplified Styles ***/ /*** START FYC Styles ***/ body.page-node-89886, body.page-node-89981 { background: #fff; } body.page-node-89886 .slugline, body.page-node-89981 .slugline { max-width: 90%; margin: 0 auto; position: relative; } body.page-node-89886 #zone-content .slugline p, body.page-node-89981 #zone-content .slugline p { font-family: serif; font-size: 18px; text-align: center; font-style: italic; line-height: initial; } body.page-node-89886 .slugline::after { content:''; width:100%; position: absolute; left:0; bottom: -6px; height: 2px; background: #776b4b; background: -moz-linear-gradient(left,#f3d78e 0%,#000000 100%); background: -webkit-linear-gradient(left,#f3d78e 0%,#000000 100%); background: linear-gradient(to right,#f3d78e 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#776b4b', endColorstr='#000000',GradientType=1 ); } body.page-node-89981 .slugline::after { content:''; width:100%; position: absolute; left:0; bottom: -6px; height: 2px; background: #776b4b; background: -moz-linear-gradient(left,#f3d78e 0%,#000000 100%); background: -webkit-linear-gradient(left,#f3d78e 0%,#000000 100%); background: linear-gradient(to right,#f3d78e 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#776b4b', endColorstr='#000000',GradientType=1 ); } body.page-node-89886 .submitted, body.page-node-89981 .submitted { text-align: center; color: #000; margin-bottom: 10px; font-size: 14px; } body.page-node-89886 .submitted span, body.page-node-89981 .submitted span { color: #000; font-size: 14px; } body.page-node-89886 .submitted a:link, body.page-node-89886 .submitted a:visited, body.page-node-89981 .submitted a:link, body.page-node-89981 .submitted a:visited { position: relative; color: #000; font-family: inherit; } body.page-node-89886 .submitted a::after { content:''; width:100%; position: absolute; left:0; bottom: 0px; height: 2px; background: #f3d78e; } body.page-node-89981 .submitted a::after { content:''; width:100%; position: absolute; left:0; bottom: 0px; height: 2px; background: #f3d78e; } body.page-node-89886 #zone-content p, body.page-node-89981 #zone-content p { font-size: 16px; color: #000; } body.page-node-89886 blockquote, body.page-node-89981 blockquote { border: 0; max-width: 360px; margin: 10px auto; padding: 0; position: relative; } body.page-node-89886 blockquote::after { content:''; width:100%; position: absolute; left:0; bottom: -6px; height: 2px; background: #776b4b; background: -moz-linear-gradient(left,#f3d78e 0%,#000000 100%); background: -webkit-linear-gradient(left,#f3d78e 0%,#000000 100%); background: linear-gradient(to right,#f3d78e 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#776b4b', endColorstr='#000000',GradientType=1 ); } body.page-node-89886 blockquote::before { content:''; width:100%; position: absolute; left:0; top: -6px; height: 2px; background: #000000; background: -moz-linear-gradient(left,#000000 0%,#f3d78e 100%); background: -webkit-linear-gradient(left,#000000 0%,#f3d78e 100%); background: linear-gradient(to right,#000000 0%,#f3d78e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#776b4b',GradientType=1 ); } body.page-node-89981 blockquote::after { content:''; width:100%; position: absolute; left:0; bottom: -6px; height: 2px; background: #776b4b; background: -moz-linear-gradient(left,#f3d78e 0%,#000000 100%); background: -webkit-linear-gradient(left,#f3d78e 0%,#000000 100%); background: linear-gradient(to right,#f3d78e 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#776b4b', endColorstr='#000000',GradientType=1 ); } body.page-node-89981 blockquote::before { content:''; width:100%; position: absolute; left:0; top: -6px; height: 2px; background: #000000; background: -moz-linear-gradient(left,#000000 0%,#f3d78e 100%); background: -webkit-linear-gradient(left,#000000 0%,#f3d78e 100%); background: linear-gradient(to right,#000000 0%,#f3d78e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#776b4b',GradientType=1 ); } body.page-node-89886 #zone-content blockquote p, body.page-node-89981 #zone-content blockquote p { font-style: italic; font-size: 21px; margin-bottom: 0; font-family: serif; } body.page-node-89886 #zone-content img, body.page-node-89981 #zone-content img { margin: 0; padding: 0; width: 100%; display: block; } body.page-node-89886 .img-atr, body.page-node-89981 .img-atr { text-align: right; font-style: italic; margin: 5px 5px 10px; font-family: "Open sans"; color: #000; } /*** FYC Styles END ***/ /*** Events Talent Styles ***/ .context-events .content-container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; padding-bottom: 30px; } .context-events .headline { width: 100%; margin: 20px 0; } .context-events .headline h3 { text-align: center; margin: 0 auto; font-size: 23px; font-family: "Futura-PT"; text-transform: uppercase; color: #000; } .context-events .talent-item { display: block; text-align: center; width: 80%; } .context-events .talent-item img { margin: 10px 0; } .context-events .talent-name, .context-events .talent-award { margin: 0; font-family: "Futura-PT"; font-weight: 100; } .context-events .talent-name { font-size: 18px; color: #000; } .context-events .talent-award { font-size: 18px; } .context-events .talent-award:after { content: ""; display: block; width: 162px; height: 2px; background: #102c5c; margin: 0 auto; } /* Transform Hollywood Styles */ .context-transformhollywood #region-content { border-width: 10px; border-style: solid; border-image: linear-gradient(to bottom, #5ed1ff, #91ffcf, #dbfc8f, #ffc891, #febbbb) 1 100%; } .lang-toggle.th .tgl-skewed:checked + .tgl-btn { background: #252525; } .context-transformhollywood .sliderContent img { max-width: 270px; } #th-esp, #th-eng { display: none; } #th-eng.on, #th-esp.on { display: block; } .content .transform-hollywood-open-letter h2 { text-align: center; font-size: 34px; line-height: 30px; font-weight: 900; margin-bottom: 4px; text-transform: uppercase; } .content .transform-hollywood-open-letter h3 { text-align: center; font-size: 15px; margin-bottom: 15px; } p#signed, p#signed-esp { text-align: center; font-weight: 700; } .transform-hollywood-open-letter .big-two { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; padding: 0 0 10px; justify-content: space-around; } .transform-hollywood-open-letter .big-item { display: inline-block; width: 35%; align-self: center; } .node .content .transform-hollywood-open-letter .signers-container { max-height: 484px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: column wrap; padding: 0; text-align: center; justify-content: space-between; } .node .content .transform-hollywood-open-letter .signers-container li { display: inline-block; width: 48%; list-style: none; padding: 0; font-size: 10px; text-align: left; align-self: center; margin: 2px; } .content .transform-hollywood-guide h2 { text-align: center; font-size: 35px; line-height: 34px; font-weight: 900; } .content .transform-hollywood-guide h3 { text-align: center; font-size: 20px; position: relative; } #transform-hollywood-download { text-align: center; position: relative; } #transform-hollywood-download a { font-size: 16px; } #transform-hollywood-download::after { content: ""; position: absolute; width: 50%; height: 1px; background: dimgrey; bottom: -20px; left: 25%; } .context-transformhollywood #zone-footer a#pop-out { display: none; } .node .field-items .field-item ul.transform-hollywood-faq-container { padding: 0; } .node .field-items .field-item ul.transform-hollywood-faq-container li:last-child { border-bottom: none; padding-bottom: 0; } li.transform-hollywood-faq-item { list-style: none; margin: 20px; padding: 30px 0; border-bottom: 2px solid #5ed1fc; } li.transform-hollywood-faq-item h5 { font-family: "Gotham"; font-size: 20px; } section.transform-hollywood-open-letter, section.transform-hollywood-guide, section.transform-hollywood-terms { position: relative; margin: 0 10px; } section.transform-hollywood-open-letter, section.transform-hollywood-guide { margin-bottom: 50px; } section.transform-hollywood-open-letter::after, section.transform-hollywood-guide::after { content: ""; position: absolute; bottom: -25px; left: 0; width: 100%; height: 6px; background: rgb(94,209,255); background: -moz-linear-gradient(left, rgba(94,209,255,1) 0%, rgba(145,255,207,1) 25%, rgba(219,252,143,1) 50%, rgba(255,200,145,1) 75%, rgba(254,187,187,1) 100%); background: -webkit-linear-gradient(left, rgba(94,209,255,1) 0%,rgba(145,255,207,1) 25%,rgba(219,252,143,1) 50%,rgba(255,200,145,1) 75%,rgba(254,187,187,1) 100%); background: linear-gradient(to right, rgba(94,209,255,1) 0%,rgba(145,255,207,1) 25%,rgba(219,252,143,1) 50%,rgba(255,200,145,1) 75%,rgba(254,187,187,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ed1ff', endColorstr='#febbbb',GradientType=1 ); } .content .transform-hollywood-terms h3 { text-align: center; font-size: 32px; line-height: 26px; font-weight: 900; margin-bottom: 30px; } @media screen and (min-width: 767px) { #home-cta-slider .flex-direction-nav a { opacity: 0.3; } #home-cta-slider .flex-control-paging { top: initial; bottom: 0; } .under-attack-container span { font-size: 32px; } .day-container { font-size: 20px; } .day-container span { min-width: 45px; } #count-hours { min-width: 23px; } #count-minutes { min-width: 45px; } /* Global Styles */ .vCenter p, .progImg .vCenter p { font-size: 14px; } .transparentbg { background: white; } body .container { padding-left: 0; padding-right: 0; } /* Menu Styles */ #block-menu-menu-support-menu li.last.leaf { background: transparent !important; } .scrollup { bottom: 15px; } .page-blog- #zone-beforecontent {min-height: 170px;} #zone-beforecontent {min-height: 170px;} .page-calendar-node-field-date-time #zone-beforecontent{min-height: 161px;} /* Homepage styles */ .front .homeSlider .container .sliderContent h2 { font-size:70px !important; } .front .homeSlider .container .sliderContent p { font-size: 19px; } .front .homeSlider .container .sliderContent .sliderWidth .lrnMore { font-size: 25px !important; } .front .block-views-call-to-action-home1 .homeSlider .container .sliderContent .lrnMore, #home-cta-slider .homeSlider .container .sliderContent .lrnMore{ font-size: 25px !important; } .front .sl .progImg .vCenter p, .front .nm-rr .progImg .vCenter p { font-size: 13px; } #breakingNews .smallTitle { font-size: 20px; margin-bottom: 5px; margin-top: -20px; } .whitebg .brk-news-cont .feaImg { margin-bottom: 8px; } .brkrReadMore.pinkBtn { margin-bottom: 20px; } .brk-news-cont .wrapperSide { border-bottom: 0; padding-top: 0; } .homepage-social-container { display: block; } #twitterFeed { margin-bottom: 20px; } .brk-news-cont .feaImg img, #featuredtap .item img, #block-views-events-upcomingevents .listWrap img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .featuredStories .item:hover .fstoryImg img, .brk-news-cont .row:hover .feaImg img, #featuredtap .item:hover img, #block-views-events-upcomingevents .listWrap:hover img { -webkit-box-shadow: 0px 0px 0px 3px rgba(189,19,128,1); -moz-box-shadow: 0px 0px 0px 3px rgba(189,19,128,1); box-shadow: 0px 0px 0px 3px rgba(189,19,128,1); } .homeSlider { padding-top: 0; } .region-aftercontent-inner .homeSlider .container .sliderContent .sliderWidth { display: table-cell; margin: 0; } .PrgramWrapper .pinkBtn { margin-bottom: 20px; } #ourProgram .secTitle, #featuredStories .secTitle, #AdditonalResources .secTitle { font-size: 35px; line-height: 35px; } .featuredStories .item h2 { min-height: 96px; } #block-views-tap-featured .featuredStories .item h2 { min-height: 0; } #AdditonalResources .seeAll { float: right; } .publicTitle.thanks { width: 105%; margin-bottom: 5px; } .sponsors-container .whitebg { padding: 25px 30px 10px; } ul.sponsors { margin: 0; border: none; } .sponsor-li-container { text-align: center; } .sponsor-item { display: inline-block; margin: 0; padding: 25px 15px; width: 40%; text-align: center; vertical-align: middle; } /* Basic Page General Styles */ .allContent { margin-top: -85px; } .whitebg { padding: 25px 30px 30px; } .fluid-width-video-wrapper { margin-bottom: 40px; } .rightbar .shareSideBar li a span { transition: color 0.2s ease-in-out; } .rightbar .shareSideBar li a span.fa-envelope:hover { color: #ff2f51; } .rightbar .shareSideBar li a span.fa-twitter:hover { color: #00ACED; } .rightbar .shareSideBar li a span.fa-facebook-f:hover { color: #0072bc; } .rightbar .shareSideBar li a span.fa-tumblr:hover { color: #36465D; } .node-page .content h2, .secTitle { margin-bottom: 20px; font-size: 35px; line-height: 35px; float: none; } .scrollUp { bottom: 20px; } /*About Page Styles */ .historyTimeline { padding-top: 50px; } /* Publications/Resources Page Stlyes */ .ourResource .contentPrg, #block-views-pub-series-pubseries .contentPrg{ background: none; bottom: 57px !important; top: 15px; left: 15px; right: 15px; padding: 15px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .progImg .progTitle .fpTitle { position: static; font-size: 14px; color: #bd1380; font-weight: 600; padding-top: 10px; } .vCenter p { padding-top: 0px; } /* Latest Blogs Page Styles */ #block-views-blog-latestblogs .upcomeEvents p { display: block; } .homeSlider .container .sliderContent h2, .node-type-blog .homeSlider .container .sliderContent h2 { font-size: 40px !important; } /* TAP */ #featuredtap .smallTitle { padding-top:3px; font-size: 12px; } .vCenter p.southern-stories-text { font-size: 12px; } /* Spanish-Language and Latinx */ .page-node-15255 .homeSlider .container .sliderContent h2 { font-size: 40px !important; } .page-node-15255 .homeSlider .container .sliderContent p { font-size: 19px; } .under-attack-container.tap #count-hours, .under-attack-container.tap #count-minutes, .under-attack-container.tap #count-seconds { min-width: 0; } /*** News and Rapid Response ***/ .context-news-rapid-response .homeSlider .container .sliderContent h2 { font-size: 40px !important; } .context-news-rapid-response .homeSlider .container .sliderContent p { font-size: 19px; } .context-news-rapid-response .webform-client-form { padding: 0 35px; } .context-news-rapid-response .rightbar .pinkWrap { padding-bottom: 20px; } .context-news-rapid-response .item h2 { min-height: 96px; } /** Rising Stars Styles **/ .context-risingstars .faq-item, .context-risingstars-ma .faq-item { width: calc(50% - 20px); } .context-risingstars .tabs, .context-risingstars-ma .tabs { padding-top: 20px; } .context-risingstars #block-system-main, .context-risingstars-ma #block-system-main /*.context-institute #block-system-main*/ { padding-top: 90px; } .risingstars-text-container h1 { font-size: 50px; } .risingstars-image-container .desktop-logo { max-width: 390px; padding-bottom: 0px; display: block; } .amp-image-container .desktop-logo { max-width: 280px; padding-bottom: 0px; padding-top: 40px; padding-left: 25px; display: block; } .risingstars-image-container .mobile-logo, .amp-image-container .mobile-logo { display: none; } .risingstars-image-container .logo { max-width: 390px; display: block; } .amp-image-container .logo { max-width: 280px; padding-bottom: 0px; padding-top: 40px; padding-left 25px; display: block; } /** END Rising Stars Styles **/ /* Start Institute Styles */ .context-institute .tabs { padding-top: 0; } .context-institute .innerpagezone .region-content { padding-top: 60px; } .context-institute #block-block-121 .mainlogo img { padding-right: 20px; box-sizing: initial; } .context-institute .institute-submenu li { width: 200px; margin:0 10px; } .about-links li { width: 270px; margin: 5px 10px; } .interest-link { padding: 20px 0; max-width: 540px; margin: auto; } .interest-link a span { font-size: 30px; } /* END Institute Styles */ } @media screen and (min-width: 481px) { .mean-container a.meanmenu-reveal { top: -8px; } } @media screen and (min-width: 700px) { .mean-container a.meanmenu-reveal { top: -8px; } } @media screen and (min-width: 768px) { body.logged-in .slicknav_menu { position: relative; z-index: 99; } #block-nice-menus-5 { display: block !important; } .mean-container .mean-bar { display: none; } #zone-mobilelogo { display: none; visibility: hidden; } #zone-navigation { max-width: 100%; margin-left: 5px; margin-right: 5px; width: initial; } body.logged-in #zone-navigation { margin-top: 0; } body.context-blog .scrollup { bottom: 15px; } .transparentbg { background: transparent !important; } .gradient-fix { background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 66.66%, #e1e1e1 66.66%, #e1e1e1 100%); background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 66.66%,#e1e1e1 66.66%,#e1e1e1 100%); background: linear-gradient(to right, #ffffff 0%,#ffffff 66.66%,#e1e1e1 66.66%,#e1e1e1 100%); } /*** TOGETHER WE page ***/ .together-wrapper { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ align-items: center; padding-bottom: 30px; } .together-image-container { display: inline-block; } .together-image-container img { max-width: 240px; } .together-text-container { display: inline-block; padding-left: 20px; } .together-text { font-size: 80px; line-height: 70px; } .we-resist-container { position: relative; } .we-text { font-size: 50px; line-height: 60px; } .rotating-text { font-size: 50px; line-height: 40px; } .context-together .amp-logo { display: inline-block; width: 25px; vertical-align: top; margin-top: 4px; } .context-together .accord-content.social .col-sm-2 { float: none; display: inline-block; width: 16.66666667%; } /*** Rising Stars! ***/ .context-risingstars .recipient-container .recipient-item, .context-risingstars-ma .recipient-container .recipient-item { width: 50%; position: initial; } .context-risingstars .recipient-container .recipient-item .bio, .context-risingstars-ma .recipient-container .recipient-item .bio { left: 50%; transform: translateX(-50%); top: 70px; width: auto; } .context-risingstars .recipient-container .recipient-item .bio p, .context-risingstars-ma .recipient-container .recipient-item .bio p { margin: 0; font-size: 18px; } .context-risingstars #zone-content .recipient-container .recipient-item .bio .name, .context-risingstars-ma #zone-content .recipient-container .recipient-item .bio .name { font-size: 18px; } .courses-container .headline h3 { font-size: 40px; } .courses-container .table-row { padding: 10px 5px 5px 5px; } .courses-container .text { font-size: 16px; } .context-institute .partner-content .partner-item.text span { font-size: 22px; } /* Inclusive Screens */ .ic-rc-container .rc-item { width: 30%; padding: 0 25px; } #ic-rc-bios .bio-item { width: 640px; margin: 0; left: 50%; transform: translate(-50%,-60%); padding: 20px 36px; } #ic-rc-bios .bio-item p { font-size: 21px; } #ic-rc-bios .bio-item p .name { font-size: 21px; } /* Pride Styles */ .pride-container { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; } .pride-item { width: 48%; margin: 0; } /* .pride-item:last-child { width: 100%; } .pride-item:last-child .pride-img { max-width: 519px; margin: 0 auto 10px; }*/ .pride-img { width: 100%; position: relative; margin-bottom: 10px; } a.pride-title { display: block; text-align: center; z-index: 20; color: #FFF; } .item-wrapper { background: none; position: absolute; bottom: 15px; top: 15px; left: 15px; right: 15px; padding: 15px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .pride-item:hover .item-wrapper { background: rgba(54, 155, 216, 0.8); } /* .pride-item:nth-child(1):hover .item-wrapper { background: rgba(121, 119, 54, 0.8); } .pride-item:nth-child(2):hover .item-wrapper { background: rgba(210, 131, 52, 0.8); } .pride-item:nth-child(3):hover .item-wrapper { background: rgba(238, 103, 138, 0.8); } .pride-item:nth-child(4):hover .item-wrapper { background: rgba(166, 113, 177, 0.8); } .pride-item:nth-child(5):hover .item-wrapper { background: rgba(54, 155, 216, 0.8); }*/ span.shading { position: absolute; bottom: -15px; left: -15px; right: -15px; height: 85px; z-index: 10; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0); } .text-wrapper { height: 100%; position: relative; z-index: 50; padding: 0 15px; } .pride-item .title { text-align: center; position: absolute; bottom: -10px; z-index: 15; left: 0; right: 0; } .pride-item:hover .title { border-bottom: none; display: block; left: 0; position: static; text-align: center; transform: translateX(0px); white-space: normal; margin-bottom: 20px; } .pride-item .title span { font-family: 'Gotham'; font-weight: 700; color: #fff; font-size: 20px; padding-bottom: 5px; position: relative; display: inline-block; } .pride-item .title span::before { position: absolute; bottom: -4px; height: 4px; width: 100%; content: ""; left: 0; right: 0; background: #fff; } .pride-item:hover .title span::before { display: none; } .pride-item .text-wrapper p { font-family: 'Gotham-book'; font-style: normal; font-weight: normal; color: #fff; font-size: 14px; margin: 0; display: none; } .pride-item:hover .text-wrapper p { display: block; padding-top: 30px; } /*** Start Amplified Styles ***/ .context-amplified .panelists .panelist-item { display: inline-block; max-width: 330px; margin: 0 12px; } body.page-node-89886 .slugline, body.page-node-89981 .slugline { max-width: 70%; } body.page-node-89886 #zone-content .slugline p, body.page-node-89981 #zone-content .slugline p { font-size: 38px; } body.page-node-89886 .submitted span, body.page-node-89886 .submitted, body.page-node-89981 .submitted span, body.page-node-89981 .submitted { font-size: 18px; } body.page-node-89886 #zone-content p, body.page-node-89981 #zone-content p { font-size: 24px; } body.page-node-89886 blockquote, body.page-node-89981 blockquote { float: right; border: 0; margin: 10px 30px; } body.page-node-89886 #zone-content blockquote p, body.page-node-89981 #zone-content blockquote p { font-size: 38px; } /** Rising Stars SF **/ .sfgala-recips .recip-item, .risingstars-sponsors .rs-sponsor { width: 30%; padding: 0 25px; } #node-91461 .recip-item { width: 30%; padding: 0 25px; display: inline-block; margin-bottom: 30px; vertical-align: top; } #node-91461 .recip-item p { font-family: "Futura-PT"; text-align: center; margin: 0; } #node-91461 .recip-item .recip-name { color: #bd1380; } #node-91461 .recip-item .grant-name { color: #000; } #node-91461 .webform-container-inline label { display: inline-block; } #node-91461 .field-name-field-below-form { text-align: center; } .block-client-block-91461 h2.block-title, #node-91461 .field-name-field-below-form h2 { text-align: left; margin-bottom: 30px!important; } /* Live */ #node-91708 .recip-item { width: 30%; padding: 0 25px; display: inline-block; margin-bottom: 30px; vertical-align: top; } #node-91708 .recip-item p { font-family: "Futura-PT"; text-align: center; margin: 0; } #node-91708 .recip-item .recip-name { color: #bd1380; } #node-91708 .recip-item .grant-name { color: #000; } #node-91708 .webform-container-inline label { display: inline-block; } #node-91708 .field-name-field-below-form { text-align: center; } .block-client-block-91708 h2.block-title, #node-91708 .field-name-field-below-form h2 { text-align: left; margin-bottom: 30px!important; } #node-89852 .field-name-field-banner-desc, #node-89852 .field-name-field-social-share-image { display: none; } #sfrs .bio-item, #gma29rs .bio-item { width: 640px; margin: 0; left: 50%; transform: translate(-50%, -60%); padding: 20px 30px; } #sfrs .bio-item p, #sfrs .bio-item p .name, #gma29rs .bio-item p, #gma29rs .bio-item p .name { font-size: 21px; } /* glaadcast start */ .glaadcast-icon img { max-width: 152px; } .overview h1 { font-size: 44px; } .heading-text p, .episode-desc p { font-size: 16px; } /* Transform Hollywood */ .context-transformhollywood .sliderContent img { max-width: 480px; } .content .transform-hollywood-open-letter h2 { margin-bottom: 0; } .transform-hollywood-open-letter .big-two { padding: 0 0 30px; } .transform-hollywood-open-letter .big-item { width: 30%; } .node .content .transform-hollywood-open-letter .signers-container { max-height: 406px; } .node .content .transform-hollywood-open-letter .signers-container li { font-size: 14px; width: 32%; } } @media screen and (min-width: 769px) { #nice-menu-5 .menu-path-node-89108 ul li { min-width: 25%; text-align: center; } #block-nice-menus-8 { display: block !important; } #nice-menu-8 .menu-path-node-89108 ul li { min-width: 25%; text-align: center; } .mean-bar { display: none !important; } } @media screen and (min-width: 992px) { #zone-navigation { max-width: 90%; margin: auto; } #region-navigation #nice-menu-5 li ul { max-width: 925px !important; width: 925px !important; margin-left: auto !important; } #nice-menu-5 .menu-path-node-89108 ul li { min-width: 25%; text-align: center; } #region-navigation #nice-menu-8 li ul { max-width: 925px !important; width: 925px !important; margin-left: auto !important; } #nice-menu-8 .menu-path-node-89108 ul li { min-width: 25%; text-align: center; } .gradient-fix { background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 75%, #e1e1e1 75%, #e1e1e1 100%); background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 75%,#e1e1e1 75%,#e1e1e1 100%); background: linear-gradient(to right, #ffffff 0%,#ffffff 75%,#e1e1e1 75%,#e1e1e1 100%); } } @media screen and (min-width: 1024px) { .context-events .content-container { justify-content: space-around; } .context-events .talent-item { width: 40%; } .node .content .transform-hollywood-open-letter .signers-container { max-height: 399px; } .content .transform-hollywood-open-letter h2 { margin-bottom: 10px; font-size: 44px; } .content .transform-hollywood-open-letter h3 { font-size: 22px; } .donate-bar-content { font-size: 16px; } .donate-bar-container .close { top: 50%; transform: translateY(-50%); bottom: auto; } .donate-bar-button { font-size: 16px; } } @media screen and (min-width: 1025px) { body.logged-in header#section-header { top: 29px; } header#section-header { top: 0; } .context-amplified .panelists { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; max-width: 720px; margin: auto; justify-content: center; } } @media screen and (min-width: 1200px) { body .container { width: 1140px; } .sponsor-item { padding: 25px; width: 190px; } #zone-navigation { max-width: 90%; } .innerpagezone .progTitle .title { margin-bottom: 20px; } .vCenter p { padding-top: 30px; } .vCenter p.southern-stories-text { font-size: 14px; } body.context-blog #region-content::after, body.context-blog #region-content:after { width: 285px; right: -285px; } .context-news-rapid-response .homeSlider .container .sliderContent h2 { font-size: 75px !important; } /*** Rising Stars! ***/ .context-risingstars .recipient-container .recipient-item, .context-risingstars-ma .recipient-container .recipient-item { width: 32%; } /*** INSTITUTE ***/ .context-institute .partner-content .partner-item.image { margin: 10px 12px; } .context-institute .partner-content .partner-item.text span { font-size: 30px; } .context-institute .partner-content .partner-item img#gp { max-width: 100%; } .context-institute .partner-content { margin-bottom: 20px; } /*** FYC Styles ***/ body.page-node-89886 .page, body.page-node-89981 .page { padding-top: 87px; } body.page-node-89886 .container, body.page-node-89981 .container { width: 920px; } } @media screen and (min-width: 1240px) { #zone-navigation { max-width: 1220px; } /** Rising Stars Styles **/ .risingstars-image-container .desktop-logo { max-width: 430px; padding-bottom: 10px; } /** END Rising Stars Styles **/ /* Transform Hollywood */ .transform-hollywood-open-letter .big-item { width: 24%; } .node .content .transform-hollywood-open-letter .signers-container { max-height: 508px; } .node .content .transform-hollywood-open-letter .signers-container li { font-size: 18px; } } @media screen and (min-width: 1660px) { #nice-menu-5 .menu-path-node-89108 ul li { min-width: 25%; text-align: left; } #nice-menu-8 .menu-path-node-89108 ul li { min-width: 25%; text-align: left; } } @media (min-device-width: 740px) and (min-width: 740px), (max-device-width: 979px) and (min-width: 740px) and (orientation: landscape) { .node-blog .field-name-body img { margin-left: 10px; margin-right: 10px; } } /* Wild Rising Stars Menu Breakpoints, ugh */ @media screen and (min-width: 456px) { .context-risingstars #block-system-main { padding-top: 110px; } } @media screen and (min-width: 992px) { .context-risingstars #block-system-main { padding-top: 40px; } } /* Member Benefits Page */ .node ol.benefits-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; max-width: 660px; margin: 0 auto; padding: 0; list-style: none; } .node ol.benefits-container > :first-child { border-top: none; } li.bene-level { margin: 0; padding: 0; border-top: 5px solid black; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; } .node ol.benefits-container li.bene-level::first { margin: 0; padding: 0; border-top: none; width: 100%; } .level { display: inline-block; width: 100%; text-align: center; padding: 5px 15px; } .benes { width: 100%; display: inline-block; border-bottom: 0; padding: 5px 15px; margin-bottom: 10px; } .node .benefits-container .benes ul { text-decoration: none; list-style: none; padding: 0; margin: 0; } .node .benefits-container .benes li { margin: 0; padding: 0; list-style: disc; } p.level-title { font-size: 24px; font-weight: 700; margin: 0; } p.level-amount { font-size: 16px; } .digital-button a span { background: #2b4162; border: 5px solid #2b4162; } .node .field-items .field-item .digital-button-menu ul.menu { text-align: center; padding: 0; } .node .field-items .field-item .digital-button-menu ul.menu li { margin: 0; } @media screen and (min-width:768px) { .level { width: 30%; height:auto; } .benes { width: 69%; margin-bottom: 0; } .node .field-items .field-item .digital-button-menu ul.menu li { margin: 0 5px; } } /* End Shane's Custom Styles - Hopefully it's more orderly now? NOPE */ /* Anastasia's Custom Styles - starts here */ .view-amp-categories .views-row{ float: left; margin-left: 5%; } .view-amp-categories .views-row a{ color: white; text-transform: uppercase; font-size: smaller; } #block-views-amp-categories-block .block-inner{ top: -117px; position: relative; z-index: 100; } .block-views-blog-trending ul.pager.pager--infinite-scroll{ display: block; } #webform-client-form-91422 .webform-component--do-you-agree-to-the-hyundai-raffle-terms-and-conditions label{ width: 437px; display: inline; } #webform-client-form-91422 .webform-component--do-you-agree-to-the-hyundai-raffle-terms-and-conditions select{ width: 120px; } #webform-client-form-91422 .webform-component--enter-your-name input{ width: 50%; height: 40px; } #webform-client-form-91422 .webform-component--enter-your-name label{ width: 200px; } #webform-client-form-91422 .webform-component--enter-your-email input{ width: 50%; height: 40px; } #webform-client-form-91422 .webform-component--enter-your-email label{ width: 200px; } #webform-client-form-91422 .webform-component--do-you-agree-to-the-hyundai-raffle-terms-and-conditions-yes-no label{ width: 440px; } #webform-client-form-91422 .webform-component--do-you-agree-to-the-hyundai-raffle-terms-and-conditions-yes-no, #webform-client-form-91422 .webform-component--do-you-agree-to-hyundais-privacy-policy{ display: inline-flex; } #edit-submitted-do-you-agree-to-the-hyundai-raffle-terms-and-conditions-yes-no { display:inline-block; padding-left: 0; } #webform-client-form-91422 .webform-component--do-you-agree-to-hyundais-privacy-policy label{ width: 440px; } #edit-submitted-do-you-agree-to-hyundais-privacy-policy { display:inline-block; padding-left: 0; } #webform-client-form-91517 .webform-component--do-you-agree-to-the-hyundai-raffle-terms-and-conditions label{ width: 437px; display: inline; } #webform-client-form-91517 .webform-component--do-you-agree-to-the-hyundai-raffle-terms-and-conditions select{ width: 120px; } #webform-client-form-91517 .webform-component--enter-your-name input{ width: 50%; height: 40px; } #webform-client-form-91517 .webform-component--enter-your-name label{ width: 200px; } #webform-client-form-91517 .webform-component--enter-your-email input{ width: 50%; height: 40px; } #webform-client-form-91517 .webform-component--enter-your-email label{ width: 200px; } #webform-client-form-91517 .webform-component--do-you-agree-to-the-hyundai-raffle-terms-and-conditions-yes-no label{ width: 440px; } #webform-client-form-91517 .webform-component--do-you-agree-to-the-hyundai-raffle-terms-and-conditions-yes-no, #webform-client-form-91517 .webform-component--do-you-agree-to-hyundais-privacy-policy{ display: inline-flex; } #webform-client-form-91517 .webform-component--do-you-agree-to-hyundais-privacy-policy label{ width: 440px; } .block-block-158, .block-webform-client-block-90618, .block-block-157, .block-block-159, .block-block-156{display: none;} /*Styles for AMP Blog Page*/ body.page-amp-blog-page .block-block-178 ul.amp-menu { display: inline-flex; /* display: flex; */ /* flex-direction: row; */ /* flex-wrap: wrap; */ justify-content: center; width: 100%; border-bottom: none; margin-top: 58px; background: transparent; height: 30px; position: relative; z-index: 11; top: -230px; } .block-block-178 ul.amp-menu li { list-style-type: none; padding-left: 20px; } .block-block-178 ul.amp-menu li a{ color: white!important; text-transform: uppercase; font-size: 16px; } #block-views-amp-categories-block{ display: none; } body.page-amp-blog-page .grid-12{ margin-top: -150px!important; } body.page-amp-blog-page h1.title{ display: none; } body.page-amp-blog-page{ } body.page-amp-blog-page .whitebg h2.block-title { border-top: 3px solid transparent; border-bottom: none; padding-top: 15px; border-bottom: none; border-image: linear-gradient(to right, #de2789 , #ffd80d ); border-image-slice: 1; text-transform: uppercase; font-family: ubuntu, sans-serif; margin-top: 35px; } .view-id-amp_featured_blog_post img{ padding-right: 20px; padding-bottom: 50px; height: auto !important; width: 55%; float: left; } .view-id-amp_featured_blog_post{ margin-bottom: 80px; } .view-id-amp_featured_blog_post .field-name-field-amp-article-title{ float: right; width: 45%; font-family: 'Futura-PT',sans-serif; } .view-id-amp_featured_blog_post .field-name-field-amp-article-title .field-item{ font-size: 22px; font-weight: bold; font-family: 'Futura-PT',sans-serif; } .node-blog-article1 h2{ display: none; } .node-blog-article1 .blog-title{ display: block; } .node-blog-article1 .field-name-field-bucket a{ display: none; } .node-blog-article1 .social-buttons a.at-icon-wrapper svg{ fill: gray!important; width: 25px!important; height: 25px!important; } .node-blog-article1 .field-name-field-bucket a.post-link:before{ content: ''; } .node-blog-article1 .field-name-field-bucket a.post-link:after{ content: ''; } .node-blog-article1 .field-name-field-author,.node-blog-article1 .field-name-field-published-date,.node-blog-article1 .field-name-field-blog-image{ text-align: center; } .node-blog-article1 .field-name-field-blog-image{ margin: 30px auto; text-align: center; } .node-blog-article1 .field-name-field-author{ text-transform: none; margin-top: 10px; line-height: 1.2; position: relative; } .node-blog-article1 .field-name-field-published-date{ text-transform: none; line-height: 1.2; } .node-blog-article1 .field-type-text-with-summary{ margin: 1% 15%; } .node-blog-article1 .field-name-field-author a{ font-size: 13px; text-transform: none; color: #065ca9; font-weight: normal; font-family: 'Futura-PT',sans-serif; } .node-blog-article1 .field-name-field-author a:hover{ font-size: 13px; text-transform: none; color: #065ca9; font-weight: normal; font-family: 'Futura-PT',sans-serif; text-decoration: underline; } .node-blog-article1 .field-name-field-published-date span{ font-size: 10px; text-transform: uppercase; color: #040404; font-weight: normal; } .node-blog-article1 .blog-title{ font-size: 40px; font-weight: bold; color: black; margin: 50px 10% 10px; text-align: center; font-family: 'Futura-PT',sans-serif; } .node-blog-article1 .field-name-field-amp-article-title{ display: none; font-family: 'Futura-PT',sans-serif; } .node-blog-article1 .blog-title:after{ content: ''; width: 28%; margin: 10px auto 25px; bottom: 0; left: 0; right: 0; background: black; height: 6px; border-radius: 5px; display: block; } .node-blog-article1 .submitted{ display: none; } .node-blog-article1 .user-picture{ text-align: center; margin: 15px; } .node-blog-article1 .user-picture img{ border-radius: 18px; width: 150px; height: 100px!important; object-fit: cover; border-radius: 50px; } .page-amp-blog-page .node-blog-article1 a.post-link{ position: absolute; top: 17px; left: 0; right: 0; bottom: 0; } .node-blog-article1 ul.links{ display: block; } .node-type-blog-article1 .gradient-fix{ background: none!important; } .page-amp-blog-page .gradient-fix{ background: none!important; } .node-type-blog-article1 .gradient-fix #region-content{ background: linear-gradient(to right, #fce9f3, #fffbe5)!important; padding-top: 80px!important; } .page-amp-blog-page .gradient-fix #region-content{ background: linear-gradient(to right, #fce9f3, #fffbe5)!important; } #more-link a, #less-link a{ background-color: #bd1380; font-size: 17px; font-family: 'Museo'; font-weight: bold; text-align: center; transition: width .15s ease-in-out; padding: 7px 60px; border-radius: 15px; color: white; font-style: normal; } #more-link a:hover, #less-link a:hover{ color: white; } #more-link, #less-link{ text-align: center; margin: 20px auto; clear: both; } #less-link{ display: none; } .block-block-178 .amp-menu-wrapper{ position: relative; margin: 0 auto; max-width: 980px; } .block-block-178 .amp-menu-wrapper .amp-menu{ position: relative; margin: 0 auto; max-width: 980px; } #block-views-amp-popular-blog-posts-block-1{ display: none; } .node-type-blog-article1 .at-style-responsive .at-share-btn{ background: transparent!important; } .node-type-blog-article1 .at-style-responsive .at-icon-wrapper, .node-type-blog-article1 .at-style-responsive .at-icon-wrapper svg{ fill: gray!important; width: 25px!important; height: 25px!important; } .page-amp-blog-page .at-style-responsive .at-share-btn{ background: transparent!important; } .page-amp-blog-page .at-style-responsive .at-icon-wrapper, .page-amp-blog-page .at-style-responsive .at-icon-wrapper svg{ fill: gray!important; width: 25px!important; height: 25px!important; } } .page-amp-blog-page .addthis_sharing_toolbox{ color: #404040; text-align: left; position: sticky; float: left; margin-left: -13px; } .node-type-blog-article1 #zone-content-wrapper { margin-top: 0px!important; } .node-type-blog-article1 .node-blog-article1 a.post-link{ pointer-events: none; cursor: default; display: block; } .node-type-blog-article1 .block-block-178 ul.amp-menu{ top: 105px; border-bottom: 2px solid transparent; border-image: linear-gradient(to right,#de2789,#ffd80d); border-image-slice: 1; margin: 0 13%; width: 74%; padding-bottom: 30px; display: inline-flex; z-index: 11; position: relative; } .node-type-blog-article1 #zone-content-wrapper { margin-top: 60px; } .node-type-blog-article1 h2.block-title{ border-top: 2px solid transparent; border-image: linear-gradient(to right,#de2789,#ffd80d); border-image-slice: 1; border-bottom: none; padding-top: 20px; margin: 10px 20px; text-transform: uppercase; } .node-type-blog-article1 .block-block-178 ul.amp-menu li a{ color: #404040!important; font-weight: normal!important; font-family: 'futura', 'Gotham-book'; } .node-type-blog-article1 .block-block-178 ul.amp-menu li.amp-menu-home{ width: 72px; background: url(https://www.glaad.org/sites/default/files/styles/1200px/public/AMP-Logo_Gradient_sm.png) no-repeat; background-position: 0px; height: 50px; background-size: 70px; padding-left: 0; margin-top: -8px; margin-right: 30px; } .node-type-blog-article1 .block-block-178 ul.amp-menu li.amp-menu-home a{ display: block; width: 70px; height: 42px; } /*Featured post*/ .view-amp-featured-blog-post .user-picture{ display: none; } .view-amp-featured-blog-post .blog-title{ display: none; } .view-amp-featured-blog-post .submitted{ display: none; } .view-amp-featured-blog-post .addthis_sharing_toolbox{ color: #404040; text-align: left; position: sticky; float: left; margin-left: -13px; clear: none!important; } .view-amp-featured-blog-post .views-field-title{ margin: 0 0 20px; } .view-amp-featured-blog-post .views-field-title .field-content a{ font-size: 35px; font-weight: bold; color: #404040; margin: 20px 0 0 0!important; text-align: left!important; display: block; font-family: 'Futura-PT',sans-serif; line-height: 1.2; } .view-amp-featured-blog-post .views-field-title .field-content a:hover{ color: #404040!important; } .view-amp-featured-blog-post .views-field-field-display-name .field-content{ text-align: left; position: sticky; width: 45%; float: right; font-family: 'Futura-PT',sans-serif; color: #a9a9a9!important; font-size: 12px; font-weight: normal; line-height: 1; text-transform: uppercase; margin-top: -10px; } .view-amp-featured-blog-post .views-field-created .field-content{ text-align: left; position: sticky; width: 45%; float: right; font-family: 'Futura-PT',sans-serif; color: #a9a9a9!important; text-transform: uppercase; margin-bottom: 5px; font-size: 12px; } .view-amp-featured-blog-post .views-field-body .field-content{ color: #404040; text-align: left; position: sticky; width: 45%; float: right; margin: 0 0 10px 0; font-family: 'Futura-PT',sans-serif; font-size: 12px; } .view-amp-featured-blog-post .views-field-field-bucket{ padding-bottom: 1px; } .view-amp-featured-blog-post .views-field-field-bucket .field-content a:before{ content: "'"; } .view-amp-featured-blog-post .views-field-field-bucket .field-content a:after{ content: "'"; } .view-amp-featured-blog-post .views-field-field-bucket .field-content a{ position: absolute; left: 55%; text-align: left; font-family: 'Futura-PT',sans-serif; text-transform: uppercase; color: #a9a9a9!important; } .view-amp-featured-blog-post ul.links{ display: none; } /* Styles for the blog articles grid */ #block-system-main .view-amp-blog-pg .view-content .views-row{ width: 33.3%; float: left; padding: 2%; } #block-system-main .view-amp-blog-pg .view-content .views-row img{ width: 100%; margin-bottom: 10px; } #block-system-main .view-amp-blog-pg .view-content .views-row-4{ clear: left; } #block-system-main .view-amp-blog-pg .view-content .views-row .user-picture{ display: none; } #block-system-main .view-amp-blog-pg .view-content .views-row .submitted{ display: none; } #block-system-main .view-amp-blog-pg .view-content .views-row .views-field-title span a{ font-size: 26px; font-weight: bold; color: #404040; text-align: left; margin: 0 0 10px 0; display: block; font-family: 'Futura-PT',sans-serif; line-height: 1.2; } #block-system-main .view-amp-blog-pg .view-content .views-row .views-field-title span a:hover{ color: #404040!important; } #block-system-main .view-amp-blog-pg .view-content .views-row .views-field-field-bucket .field-content a{ text-align: left; font-family: 'Futura-PT',sans-serif; text-transform: uppercase; color: #a9a9a9!important; } #block-system-main .view-amp-blog-pg .view-content .views-row .views-field-field-bucket .field-content a:before{ content: "'"; } #block-system-main .view-amp-blog-pg .view-content .views-row .views-field-field-bucket .field-content a:after{ content: "'"; } #block-system-main .view-amp-blog-pg .view-content .views-row .views-field-field-bucket .field-content a:hover{ color: #a9a9a9!important; } #block-system-main .view-amp-blog-pg .view-content .views-row .views-field-field-display-name .field-content{ text-align: left; font-family: 'Futura-PT',sans-serif; text-transform: uppercase; color: #a9a9a9; font-size: 12px; font-weight: normal; line-height: 1; } #block-system-main .view-amp-blog-pg .view-content .views-row .views-field-created .field-content{ font-size: 10px; text-transform: uppercase; color: #a9a9a9; font-family: 'Futura-PT',sans-serif; font-size: 12px; font-weight: normal; line-height: 1; } #block-system-main .view-amp-blog-pg .view-content .views-row .views-field-body .field-content, #block-system-main .view-amp-blog-pg .view-content .views-row .views-field-body .field-content p{ margin: 0; font-family: 'Futura-PT',sans-serif; color: #404040; font-size: 12px; } #block-system-main .view-amp-blog-pg .view-content .views-row .field-name-field-amp-article-title .field-item:after{ content: none; } #block-system-main .view-amp-blog-pg .view-content .views-row .blog-title{ display: none; } #block-system-main .view-amp-blog-pg .view-content .views-row .field-name-field-blog-image{ margin: 0px 0; } /*Popular posts */ .view-amp-popular-blog-posts .view-content .views-row{ width: 33.3%; float: left; padding: 2% 2% 4%; } .view-amp-popular-blog-posts .view-content .views-row img{ width: 100%; margin-bottom: 10px; } .view-amp-popular-blog-posts .view-content .views-row-4{ clear: left; } .view-amp-popular-blog-posts .view-content .views-row .user-picture{ display: none; } .view-amp-popular-blog-posts .view-content .views-row .submitted{ display: none; } .view-amp-popular-blog-posts .view-content .views-row .views-field-title .field-content a{ font-size: 26px; font-weight: bold; color: #404040; text-align: left; margin: 10px 0; display: block; font-family: 'Futura-PT',sans-serif; line-height: 1.2; } .view-amp-popular-blog-posts .view-content .views-row .views-field-title .field-content a:hover{ color: #404040!important; } .view-amp-popular-blog-posts .view-content .views-row .views-field-body .field-content, .view-amp-popular-blog-posts .view-content .views-row .views-field-body .field-content p{ margin: 0; font-family: 'Futura-PT',sans-serif; color: #404040; font-size: 12px; color: #404040; } .view-amp-popular-blog-posts .view-content .views-row .views-field-field-display-name .field-content{ text-align: left; font-family: 'Futura-PT',sans-serif; } .view-amp-popular-blog-posts .view-content .views-row .views-field-field-bucket a{ font-size: 12px; font-family: 'Futura-PT',sans-serif; text-transform: uppercase; color: #a9a9a9; } .view-amp-popular-blog-posts .view-content .views-row .views-field-field-bucket a:before{ content: "'"; } .view-amp-popular-blog-posts .view-content .views-row .views-field-field-bucket a:after{ content: "'"; } .view-amp-popular-blog-posts .view-content .views-row .views-field-field-display-name .field-content { font-size: 10px; text-transform: uppercase; color: #a9a9a9; font-family: 'Futura-PT',sans-serif; font-size: 12px; font-weight: normal; line-height: 1; } .view-amp-popular-blog-posts .view-content .views-row .field-name-field-published-date{ text-align: left; line-height: 1; font-family: 'Futura-PT',sans-serif; } .view-amp-popular-blog-posts .view-content .views-row .views-field-created span{ font-size: 10px; text-transform: uppercase; color: #a9a9a9; font-family: 'Futura-PT',sans-serif; font-size: 12px; font-weight: normal; line-height: 1; } .view-amp-popular-blog-posts .view-content .views-row .field-type-text-with-summary{ margin: 0; font-family: 'Futura-PT',sans-serif; color: #404040; } .view-amp-popular-blog-posts .view-content .views-row .field-name-field-amp-article-title .field-item:after{ content: none; } .view-amp-popular-blog-posts .view-content .views-row .blog-title{ display: none; } .view-amp-popular-blog-posts .view-content .views-row .field-name-field-blog-image{ margin: 0px 0; } .page-amp-popular-posts #zone-content .whitebg{ background: linear-gradient(to right, #fce9f3, #fffbe5)!important; } .page-amp-popular-posts #page-title{ text-transform: uppercase; border: none!important; margin-bottom: 25px; margin-left: 20px; font-size: 26px!important; font-weight: 400!important; font-family: 'Futura-PT',sans-serif!important; } .page-amp-popular-posts #zone-beforecontent {min-height: 120px;} .page-amp-popular-posts #zone-content .region-inner{ margin-top: 130px; } .page-amp-popular-posts .block-block-178 ul.amp-menu{ top: 105px; border-bottom: 2px solid transparent; border-image: linear-gradient(to right,#de2789,#ffd80d); border-image-slice: 1; margin: 0 13%; width: 74%; padding-bottom: 20px; display: inline-flex; z-index: 11; position: relative; } .page-amp-popular-posts .block-block-178 ul.amp-menu li a{ color: #404040!important; font-weight: normal!important; font-weight: normal!important; font-family: 'futura', 'Gotham-book', sans-serif; } .page-amp-popular-posts .block-block-178 ul.amp-menu li.amp-menu-home{ width: 72px; background: url(https://www.glaad.org/sites/default/files/styles/1200px/public/AMP-Logo_Gradient_sm.png) no-repeat; background-position: 0px; height: 50px; background-size: 70px; padding-left: 0; margin-top: -8px; margin-right: 30px; } .page-amp-popular-posts .block-block-178 ul.amp-menu li.amp-menu-home a{ display: block; width: 70px; height: 42px; } .page-amp-popular-posts .at-style-responsive .at-share-btn{ background: transparent!important; } .page-amp-popular-posts .at-style-responsive .at-icon-wrapper, .node-type-amp-video .at-style-responsive .at-icon-wrapper svg{ width: 26px!important; height: 26px!important; } .page-amp-popular-posts .at-style-responsive .at-share-btn{ background: transparent!important; } .page-amp-popular-posts .at-style-responsive .at-icon-wrapper, .node-type-amp-video .at-style-responsive .at-icon-wrapper svg{ width: 26px!important; height: 26px!important; } .page-amp-popular-posts .addthis_sharing_toolbox{ color: #404040; text-align: left; position: sticky; float: left; margin-left: -13px; } .page-amp-popular-posts .social-buttons{ display: table; margin: -10px 0 0 0; } .page-amp-popular-posts .at-share-btn-elements a.at-icon-wrapper{ background-color: transparent!important; } .page-amp-popular-posts .at-share-btn-elements a.at-icon-wrapper svg{ fill: gray!important; width: 25px!important; height: 25px!important; } .page-amp-popular-posts .field-name-field-blog-image { display: none; } .page-amp-popular-posts .field-type-text-with-summary { margin-top: 20px!important; } /*Styles for AMP Video Page*/ .node-amp-video h2{ display: none; } .node-amp-video .blog-title{ display: block; } #block-views-amp-popular-blog-posts-block h2.block-title{ border-top: 2px solid transparent; border-image: linear-gradient(to right,#de2789,#ffd80d); border-image-slice: 1; border-bottom: none; padding-top: 20px; margin: 10px 20px; text-transform: uppercase; } .node-amp-video { margin-bottom: 40px; } .node-amp-video .field-name-field-author, .node-blog-article1 .field-name-field-pubdate, .node-amp-video .field-name-field-blog-image{ text-align: center; } .node-amp-video .field-name-field-youtube-or-vimeo-link{ margin: 30px 0; } .node-amp-video .field-name-field-author{ text-transform: none; margin-top: 10px; } .node-amp-video .field-name-field-pubdate{ text-transform: none; text-align: center; } .node-amp-video .field-type-text-with-summary{ margin: 1% 15%; } .node-amp-video .field-name-field-author a{ font-size: 12px; text-transform: uppercase; color: #404040; font-weight: bold; font-family: 'Open Sans',Arial,sans-serif; } .node-amp-video .field-name-field-pubdate span{ font-size: 12px; text-transform: none; color: #404040; font-weight: bold; } .node-amp-video .blog-title{ font-size: 40px; font-weight: bold; color: #404040; margin: 50px 23% 10px; text-align: center; font-family: 'Futura-PT',sans-serif!important; } .node-amp-video .blog-title:after{ content: ''; width: 28%; margin: 10px auto 25px; bottom: 0; left: 0; right: 0; background: black; height: 6px; border-radius: 5px; display: block; } .node-amp-video .submitted{ display: none; } .node-amp-video .user-picture{ text-align: center; } .node-amp-video .user-picture img{ border: 5px solid #fcf3ed; border-radius: 18px; width: 100px; } .node-amp-video ul.inline{ display: none!important; } .page-amp-videos-page .block-block-178 ul.amp-menu{ top: 105px; border-bottom: 2px solid transparent; border-image: linear-gradient(to right,#de2789,#ffd80d); border-image-slice: 1; margin: 0 13%; width: 74%; padding-bottom: 20px; display: inline-flex; z-index: 11; position: relative; } .page-amp-videos-page .block-block-178 ul.amp-menu li a{ color: #404040!important; font-weight: normal!important; font-family: 'futura', 'Gotham-book', sans-serif; } .page-amp-videos-page .block-block-178 ul.amp-menu li.amp-menu-home{ width: 72px; background: url(https://www.glaad.org/sites/default/files/styles/1200px/public/AMP-Logo_Gradient_sm.png) no-repeat; background-position: 0px; height: 50px; background-size: 70px; padding-left: 0; margin-top: -8px; margin-right: 30px; } .page-amp-videos-page .block-block-178 ul.amp-menu li.amp-menu-home a{ display: block; width: 70px; height: 42px; } .page-amp-videos-page #page-title{ text-transform: uppercase; border: none!important; margin-bottom: 25px; margin-left: 20px; font-size: 26px!important; font-weight: 400!important; font-family: 'Futura-PT',sans-serif!important; } .page-amp-videos-page #zone-beforecontent {min-height: 120px;} .page-amp-videos-page #zone-content .region-inner{ margin-top: 130px; } .page-amp-videos-page #zone-content .whitebg{ background: linear-gradient(to right, #fce9f3, #fffbe5)!important; } .page-amp-videos-page .views-field-field-display-name .field-content{ display: block; font-size: 10px; text-transform: uppercase; color: #a9a9a9; font-family: 'Futura-PT',sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2; } .page-amp-videos-page .views-field-field-display-name .field-content a{ display: block; font-size: 10px; text-transform: uppercase; color: #a9a9a9; font-family: 'Futura-PT',sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2; font-style: normal; } .page-amp-videos-page .views-field-title .field-content a{ font-size: 12px; font-weight: bold; color: #404040; text-align: left; margin: 0 0 10px; display: block; font-family: 'Futura-PT',sans-serif; line-height: 1.2; } .page-amp-videos-page .views-field-title .field-content a:hover{ color: #404040!important; } .page-amp-videos-page .views-field-body .field-content a.views-more-link{ color: #bd1380; font-weight: 700; text-decoration: none; text-transform: uppercase; float: right; margin: 30px 15px 14px 0; padding-bottom: 7px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; font-size: 16px; font-style: normal!important; } .page-amp-videos-page .views-field-body .field-content a.views-more-link:before{ content: ''; position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; background: #bd1380; height: 3px; transition-timing-function: ease-out; transition-duration: 0.3s; transition-property: left, right; } .page-amp-videos-page .views-field-body .field-content, .page-amp-videos-page .views-field-body .field-content p{ margin-top: 10px; color: #404040; font-family: 'Futura-PT',sans-serif; font-size: 12px; font-weight: bold; } .page-amp-videos-page .view-amp-videos .views-field-field-blog-image .field-content{ float: left; width: 50%; } .page-amp-videos-page .views-field-created .field-content{ position: sticky; font-size: 10px; text-transform: uppercase; color: #a9a9a9; font-family: 'Futura-PT',sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2; display: block; } .page-amp-videos-page .views-field-field-blog-image .field-content img{ width: 100%; height: auto; padding: 5px 15px 50px; } .page-amp-videos-page .view-amp-videos .views-row{ display: inline-block; width: 100%; margin-bottom: 20px; border-bottom: 1px solid transparent; border-image: linear-gradient(to right,#de2789,#ffd80d); border-image-slice: 1; padding-bottom: 20px; } .page-amp-videos-page .view-amp-videos .views-row:last-of-type{ display: inline-block; width: 100%; margin-bottom: 20px; border-bottom: none; border-bottom: 1px solid transparent; border-image: linear-gradient(to right,#de2789,#ffd80d); border-image-slice: 1; } .page-amp-videos-page .view-amp-videos ul.links{ display: inline!important; } .page-amp-videos-page .view-amp-videos ul.links li{ padding: 0; margin: 0; } .page-amp-videos-page .view-amp-videos ul.links li a{ color: #bd1380; font-weight: 700; text-decoration: none; text-transform: uppercase; float: right; margin: 0px 15px 14px 0; padding-bottom: 7px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; font-size: 16px; } .page-amp-videos-page .view-amp-videos ul.links li a:before{ content: ''; position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; background: #bd1380; height: 3px; transition-timing-function: ease-out; transition-duration: 0.3s; transition-property: left, right; } .page-amp-videos-page .view-amp-videos .content{ display: inline-block; width: 100%; margin-bottom: 20px; border-bottom: 1px solid transparent; border-image: linear-gradient(to right,#de2789,#ffd80d); border-image-slice: 1; } /* Styles for the VIDEO grid on the amp-blog-page */ #block-views-amp-videos-block .view-amp-videos .view-content .views-row{ width: 50%; float: left; padding: 2%; } #block-views-amp-videos-block .view-amp-videos .view-content .views-row img{ width: 100%; margin-bottom: 10px; border: 1px solid grey; } #block-views-amp-videos-block .view-amp-videos .view-content .views-row-4{ clear: left; } #block-views-amp-videos-block .view-amp-videos .view-content .views-row .user-picture{ display: none; } #block-views-amp-videos-block .view-amp-videos .view-content .views-row .submitted{ display: none; } #block-views-amp-videos-block .view-amp-videos .view-content .views-row .views-field-title .field-content a{ font-size: 12px; font-weight: bold; color: #404040; text-align: left; margin: 0; display: block; font-family: 'Futura-PT',sans-serif; } #block-views-amp-videos-block .view-amp-videos .view-content .views-row .views-field-title .field-content a:hover{ color: #404040!important; } #block-views-amp-videos-block .view-amp-videos .view-content .views-row .views-field-field-display-name .field-content { display: none; } #block-views-amp-videos-block .view-amp-videos .view-content .views-row .views-field-body .field-content, #block-views-amp-videos-block .view-amp-videos .view-content .views-row .views-field-body .field-content p { margin: 0; font-family: 'Futura-PT',sans-serif; color: black; font-size: 12px; color: #404040 } #block-views-amp-videos-block .view-amp-videos .view-content .views-row .views-field-created .field-content{ display: none; } #block-views-amp-videos-block .view-amp-videos .view-content .views-row .field-type-text-with-summary { margin: 0; } #block-views-amp-videos-block .view-amp-videos .view-content .views-row .field-type-text-with-summary p{ margin: 0; font-size: 12px; } #block-views-amp-videos-block .view-amp-videos .view-content .views-row .field-name-field-amp-article-title .field-item:after{ content: none; } #block-views-amp-videos-block .view-amp-videos .view-content .views-row .blog-title{ display: none; } ul.inline li.statistics_counter{ display: none; } /* Styles for Short Video Webform */ .block-client-block-91429 .webform-container-inline label { display: inline-block; margin-right: 0; } .block-client-block-91606 .webform-container-inline label { display: inline-block; margin-right: 0; } .page-node-89852 .block-block-152{ display: none; } /* Styles for Donation Form hide Donation box */ .page-node-91427 .donate-bar { display: none; } .page-node-91431 .donate-bar { display: none; } .page-node-91600 .donate-bar { display: none; } .page-node-91601 .donate-bar { display: none; } /* Styles for AMP Blog page */ .page-amp-blog-page .homeSlider{ height: 650px; } .amp-ads{ margin: 25px 0; } .content .social-buttons{ margin: 0 14%; } .page-amp-blog-page .views-row-4, .page-amp-blog-page .views-row-7 { clear: left; } /* Styles for View AMP User Blog */ .page-amp-user-blog #zone-content .region-inner{ margin-top: 130px; } .page-amp-user-blog #zone-content .whitebg{ background: linear-gradient(to right, #fce9f3, #fffbe5)!important; } .view-amp-user-blog .views-field-picture .field-content{ text-align: center; } .view-amp-user-blog .views-field-picture img{ border: 5px solid #fcf3ed; border-radius: 18px; width: 100px; margin: 15px 0 40px; } .view-amp-user-blog .views-field-field-display-name .field-content{ float: right; width: 45%; display: block; font-size: 10px; text-transform: uppercase; color: #a9a9a9; font-family: 'Futura-PT',sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2; } .view-amp-user-blog .views-field-title .field-content a{ font-size: 24px; font-weight: bold; color: #404040; text-align: left; margin: 0 0 10px; display: block; font-family: 'Futura-PT',sans-serif; line-height: 1.2!important; } .view-amp-user-blog .views-field-title .field-content a:hover{ color: #404040!important; } .view-amp-user-blog .views-field-body{ float: right; width: 45%; } .view-amp-user-blog .views-field-body .field-content, .view-amp-user-blog .views-field-body .field-content p{ margin-top: 10px; color: #404040; font-family: 'Futura-PT',sans-serif; font-size: 12px; font-weight: bold; } .view-amp-user-blog .views-field-field-blog-image .field-content{ float: left; width: 55%; } .view-amp-user-blog .views-field-created .field-content{ position: sticky; font-size: 10px; text-transform: uppercase; color: #a9a9a9; font-family: 'Futura-PT',sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2; display: block; } .view-amp-user-blog .views-field-field-published-date .field-content span{ position: sticky; font-size: 10px; text-transform: uppercase; color: #a9a9a9; font-family: 'Futura-PT',sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2; display: block; } .view-amp-user-blog .views-field-field-blog-image .field-content img{ width: -webkit-fill-available; height: auto; padding: 5px 25px 100px; } .page-amp-user-blog .block-block-178 ul.amp-menu{ top: 105px; border-bottom: 2px solid transparent; border-image: linear-gradient(to right,#de2789,#ffd80d); border-image-slice: 1; margin: 0 13%; width: 74%; padding-bottom: 20px; display: inline-flex; z-index: 11; position: relative; } .page-amp-user-blog .block-block-178 ul.amp-menu li a{ color: #404040!important; font-weight: normal!important; font-family: 'futura', 'Gotham-book', sans-serif; } .page-amp-user-blog .block-block-178 ul.amp-menu li.amp-menu-home{ width: 72px; background: url(https://www.glaad.org/sites/default/files/styles/1200px/public/AMP-Logo_Gradient_sm.png) no-repeat; background-position: 0px; height: 50px; background-size: 70px; padding-left: 0; margin-top: -8px; margin-right: 30px; } .page-amp-user-blog .block-block-178 ul.amp-menu li.amp-menu-home a{ display: block; width: 70px; height: 42px; } .page-amp-user-blog #page-title{ text-align: center; border: none!important; margin-bottom: 25px; margin-left: 20px; text-transform: uppercase; font-size: 26px!important; font-weight: 400!important; } .page-amp-user-blog #zone-beforecontent {min-height: 120px;} .page-amp-user-blog .view-content .views-field-picture{ display: none; } .page-amp-user-blog .view-content .views-field-field-user-first-name-last-name{ display: none; } .page-amp-user-blog .view-content .views-field-field-user-detailed-info{ display: none; } .page-amp-user-blog .view-content .views-row-1 .views-field-picture{ display: block; margin-left: 45%; } .page-amp-user-blog .view-content .views-row-1 .views-field-picture img{ border: 5px solid #fcf3ed; width: 100px; margin: 10px 0 10px; width: 150px; height: 100px!important; object-fit: cover; border-radius: 50px; } .page-amp-user-blog .block-system-main{ display: inline-block; float: left; width: 75%; padding: 0 10px; } .page-amp-user-blog .gradient-fix{ background: linear-gradient(to right,#fce9f3,#fffbe5)!important; } .page-amp-user-blog .view-content .views-row{ clear: both; border-bottom: pink 1px solid; height: auto; display: inline-block; margin-bottom: 20px; } .page-amp-user-blog .view-content .views-row-1 .views-field-field-user-first-name-last-name{ display: block; text-align: center; font-size: 26px; font-family: futura; color: black; margin-left: 45%; } .page-amp-user-blog .view-content .views-row-1 .views-field-field-user-detailed-info{ display: block; text-align: center; font-size: 11px; font-family: futura; color: black; margin-bottom: 35px; margin-left: 45%; } .block-block-187 { width: 25%; float: right; display: inline-block; margin-top: 212px; padding: 0 0 0 25px; } .page-amp-user-blog .views-field-view-node a{ color: #bd1380; font-weight: 700; text-decoration: none; text-transform: uppercase; float: right; margin: 0px 15px 14px 0; padding-bottom: 7px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; font-size: 16px; } .page-amp-user-blog .views-field-view-node a:before{ content: ''; position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; background: #bd1380; height: 3px; transition-timing-function: ease-out; transition-duration: 0.3s; transition-property: left, right; } @media screen and (max-width: 980px) { .block-block-187 { width: 100%; float: right; display: inline-block; margin-top: 0px; padding: 0; text-align: center; margin-bottom: 20px; } .page-amp-user-blog .block-system-main{ display: inline-block; float: left; width: 100%; padding: 0 10px; } .page-amp-user-blog .view-content .views-row-1 .views-field-field-user-first-name-last-name{ margin-left: auto; } .page-amp-user-blog .view-content .views-row-1 .views-field-field-user-detailed-info{ margin-left: auto; } .page-amp-user-blog .view-content .views-row-1 .views-field-picture{ display: block; margin-left: auto; } .view-amp-user-blog .views-field-field-blog-image .field-content{ float: left; width: 100%; } .view-amp-user-blog .views-field-field-blog-image .field-content img{ padding: 10px 0; } .view-amp-user-blog .views-field-field-display-name .field-content{ float: left; width: 100%; } } /* Taxonomy Term Page*/ .page-taxonomy-term #zone-content .region-inner{ margin-top: 25px; } .page-taxonomy-term #zone-content{ margin-top: 0px!important; } .page-taxonomy-term #zone-content .whitebg{ background: linear-gradient(to right, #fce9f3, #fffbe5)!important; } .page-taxonomy-term .node-blog-article1 .field-name-field-amp-article-title { display: block!important; } .page-taxonomy-term .node-blog-article1 .blog-title, .page-taxonomy-term .node-blog-article1 .user-picture{ display: none!important; } .page-taxonomy-term .node-blog-article1 .field-name-field-blog-image{ width: 50%!important; float: left; } .page-taxonomy-term .node-blog-article1 .field-name-field-blog-image{ margin-top: 0px!important; } .page-taxonomy-term .node-blog-article1 .field-name-field-blog-image img{ width: 100%; height: auto; padding-right: 15px; } .page-taxonomy-term .node-blog-article1 ul.links{ display: table!important; float: right; margin-top: 30px; } .page-taxonomy-term .node-blog-article1 ul.links li{ padding: 0; margin: 0; } .page-taxonomy-term .node-blog-article1 ul.links li a{ color: #bd1380; font-weight: 700; text-decoration: none; text-transform: uppercase; float: right; margin: 0px 15px 14px 0; padding-bottom: 7px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; font-size: 16px; } .page-taxonomy-term .node-blog-article1 ul.links li a:before{ content: ''; position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; background: #bd1380; height: 3px; transition-timing-function: ease-out; transition-duration: 0.3s; transition-property: left, right; } .page-taxonomy-term .node-blog-article1 .content{ display: inline-block; width: 100%; margin-bottom: 20px; border-bottom: 1px solid transparent; border-image: linear-gradient(to right,#de2789,#ffd80d); border-image-slice: 1; } .page-taxonomy-term .node-blog-article1 .node-teaser:last-of-type .content{ display: inline-block; width: 100%; margin-bottom: 20px; border-bottom: 1px solid transparent; border-image: linear-gradient(to right,#de2789,#ffd80d); border-image-slice: 1; } .page-taxonomy-term .node-blog-article1 .node-teaser .node-teaser:nth-last-child .content{ display: inline-block; width: 100%; margin-bottom: 20px; border-bottom: none; } .page-taxonomy-term .node-blog-article1 .field-name-field-amp-article-title .field-item{ font-size: 22px; font-weight: bold; color: #404040; text-align: left; margin: 0; display: block; font-family: 'Futura-PT',sans-serif; line-height: 1.2; } .page-taxonomy-term .node-blog-article1 .field-name-field-published-date .date-display-single{ float: left; position: sticky; font-size: 10px; text-transform: uppercase; color: #a9a9a9; font-family: 'Futura-PT',sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2; display: block; } .page-taxonomy-term .node-blog-article1 .field-name-field-author{ display: inline-block; } .page-taxonomy-term .node-blog-article1 .field-name-field-author .field-item a{ float: left; position: sticky; font-size: 13px; text-transform: none; color: #a9a9a9; font-family: 'Futura-PT',sans-serif; font-weight: normal; line-height: 1.2; display: block; } .page-taxonomy-term .node-blog-article1 .field-type-text-with-summary { display: inline; } .page-taxonomy-term .node-blog-article1 .field-type-text-with-summary .field-item, .page-taxonomy-term .node-blog-article1 .field-type-text-with-summary .field-item p { font-size: 12px; font-weight: bold; color: #404040; text-align: left; margin: 0; display: block; font-family: 'Futura-PT',sans-serif; line-height: 1.2; } .page-taxonomy-term .node-blog-article1 .social-buttons{ display: table; margin: -10px 0 0 0; } .page-taxonomy-term .node-blog-article1 .social-buttons a.at-icon-wrapper{ background-color: transparent!important; } .page-taxonomy-term .node-blog-article1 .social-buttons a.at-icon-wrapper svg{ fill: gray!important; width: 25px!important; height: 25px!important; } .page-taxonomy-term .node-blog-article1 .at-share-btn{ margin: 0!important; padding: 0!important; } .page-taxonomy-term #page-title{ font-size: 26px; font-weight: 400; font-family: 'Futura-PT',sans-serif!important; text-transform: uppercase!important; margin-left: 0px!important; margin-bottom: 25px; border: none!important; } .page-taxonomy-term .block-block-178 ul.amp-menu{ top: 105px; border-bottom: 2px solid transparent; border-image: linear-gradient(to right,#de2789,#ffd80d); border-image-slice: 1; margin: 0 13%; width: 74%; padding-bottom: 20px; display: inline-flex; z-index: 11; position: relative; } .page-taxonomy-term .block-block-178 ul.amp-menu li a{ color: #404040!important; font-weight: normal!important; font-family: 'futura', 'Gotham-book', sans-serif; } .page-taxonomy-term .block-block-178 ul.amp-menu li.amp-menu-home{ width: 72px; background: url(https://www.glaad.org/sites/default/files/styles/1200px/public/AMP-Logo_Gradient_sm.png) no-repeat; background-position: 0px; height: 50px; background-size: 70px; padding-left: 0; margin-top: -8px; margin-right: 30px; } .page-taxonomy-term .block-block-178 ul.amp-menu li.amp-menu-home a{ display: block; width: 70px; height: 42px; } .page-taxonomy-term #zone-beforecontent {min-height: 120px;} .page-taxonomy-term .view-content .views-row{ clear: both; border-bottom: pink 1px solid; height: auto; display: inline-block; margin-bottom: 20px; } .page-taxonomy-term .view-content .views-row-1 .views-field-field-user-first-name-last-name{ display: block; text-align: center; font-size: 26px; font-family: futura; color: black; margin-left: 45%; } .page-taxonomy-term .view-content .views-row-1 .views-field-field-user-detailed-info{ display: block; text-align: center; font-size: 11px; font-family: futura; color: black; margin-bottom: 20px; margin-left: 45%; } .page-taxonomy-term .block-system-main .block-inner{ width: 100%; display: inline-block; } .page-taxonomy-term .block-system-main .block-inner .content{ width: 75%; display: inline-block; } .page-taxonomy-term .block-inner .content.comment{ width: 100%!important; display: inline-block; } .page-taxonomy-term-51080 .block-system-main .block-inner{ width: 100%; display: inline-block; } .page-taxonomy-term-51080 .block-system-main .block-inner .clearfix{ width: 100%; display: inline-block; } .page-taxonomy-term-51080 .block-inner .content.comment{ width: 100%!important; display: inline-block; } .page-taxonomy-term-51081 .block-system-main .block-inner{ width: 100%; display: inline-block; } .page-taxonomy-term-51081 .block-system-main .block-inner .content{ width: 75%; display: inline-block; } .node-91459 .block-inner .content{ width: 100%; display: inline-block; } #node-91425.node-teaser{ width: 75%; display: inline-block; } .page-taxonomy-term .gradient-fix{ background: linear-gradient(to right,#fce9f3,#fffbe5)!important; } .block-block-189 { width: 25%; float: right; display: inline-block; margin-top: 0; padding: 0 0 0 25px; } .block-block-189 .content{ width: 100%!important; } .page-taxonomy-term .views-field-view-node a{ color: #bd1380; font-weight: 700; text-decoration: none; text-transform: uppercase; float: right; margin: 0px 15px 14px 0; padding-bottom: 7px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; font-size: 16px; } .page-taxonomy-term .views-field-view-node a:before{ content: ''; position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; background: #bd1380; height: 3px; transition-timing-function: ease-out; transition-duration: 0.3s; transition-property: left, right; } @media screen and (max-width: 768px) { .block-block-189 { width: 100%; float: right; display: inline-block; margin-top: 0px; padding: 0; text-align: center; margin-bottom: 20px; } .page-taxonomy-term .block-system-main{ display: inline-block; float: left; width: 100%; padding: 0 10px; } .page-taxonomy-term .node-blog-article1{ width: 100%; } .page-taxonomy-term .view-content .views-row-1 .views-field-field-user-first-name-last-name{ margin-left: auto; } .page-taxonomy-term .view-content .views-row-1 .views-field-field-user-detailed-info{ margin-left: auto; } .page-taxonomy-term .view-content .views-row-1 .views-field-picture{ display: block; margin-left: auto; } .page-taxonomy-term .views-field-field-blog-image .field-content{ float: left; width: 100%; } .page-taxonomy-term .views-field-field-blog-image .field-content img{ padding: 10px 0; } .page-taxonomy-term .views-field-field-display-name .field-content{ float: left; width: 100%; } } /*New Video Page styles*/ .node-type-amp-video #zone-content .whitebg{ background: linear-gradient(to right, #fce9f3, #fffbe5)!important; } .node-type-amp-video #zone-beforecontent {min-height: 120px;} .node-type-amp-video #zone-content .region-inner{ margin-top: 130px; } .node-type-amp-video .block-block-178 ul.amp-menu{ top: 105px; border-bottom: 2px solid transparent; border-image: linear-gradient(to right,#de2789,#ffd80d); border-image-slice: 1; margin: 0 13%; width: 74%; padding-bottom: 20px; display: inline-flex; z-index: 11; position: relative; } .node-type-amp-video .block-block-178 ul.amp-menu li a{ color: #404040!important; font-weight: normal!important; font-family: 'futura', 'Gotham-book', sans-serif; } .node-type-amp-video .block-block-178 ul.amp-menu li.amp-menu-home{ width: 72px; background: url(https://www.glaad.org/sites/default/files/styles/1200px/public/AMP-Logo_Gradient_sm.png) no-repeat; background-position: 0px; height: 50px; background-size: 70px; padding-left: 0; margin-top: -8px; margin-right: 30px; } .node-type-amp-video .block-block-178 ul.amp-menu li.amp-menu-home a{ display: block; width: 70px; height: 42px; } .page-amp-videos-page .views-field-field-display-name .field-content a p{ float: right; width: 45%; display: contents; font-size: 10px; text-transform: uppercase; color: #a9a9a9; font-family: 'Futura-PT',sans-serif; font-size: 12px; font-weight: normal; line-height: 1.2; } .node-type-amp-video .at-style-responsive .at-share-btn{ background: transparent!important; } .node-type-amp-video .at-style-responsive .at-icon-wrapper, .node-type-amp-video .at-style-responsive .at-icon-wrapper svg{ width: 26px!important; height: 26px!important; } .node-type-amp-video .at-style-responsive .at-share-btn{ background: transparent!important; } .node-type-amp-video .at-style-responsive .at-icon-wrapper, .node-type-amp-video .at-style-responsive .at-icon-wrapper svg{ width: 26px!important; height: 26px!important; } .node-type-amp-video .addthis_sharing_toolbox{ color: #404040; text-align: left; position: sticky; float: left; margin-left: -13px; } .node-type-amp-video .social-buttons{ display: table; margin: -10px 0 0 0; } .node-type-amp-video .at-share-btn-elements a.at-icon-wrapper{ background-color: transparent!important; } .node-type-amp-video .at-share-btn-elements a.at-icon-wrapper svg{ fill: gray!important; width: 25px!important; height: 25px!important; } .node-type-amp-video .field-name-field-blog-image { display: none; } .node-type-amp-video .field-type-text-with-summary { margin-top: 20px!important; } img.ads-img { width: 48%!important; } @media screen and (max-width: 1280px) { .view-id-amp_featured_blog_post img{ padding-right: 20px; height: auto !important; width: 55%; float: left; padding-bottom: 70px; } .block-block-178 ul.amp-menu li { list-style-type: none; padding-left: 15px; } .node-blog-article1 .field-type-text-with-summary{ margin: 1% 5%; } } @media screen and (max-width: 980px) { .block-block-178 ul.amp-menu li { padding-left: 8px; } .node-blog-article1 .blog-title{ margin: 50px 3% 35px; } .view-id-amp_featured_blog_post img{ padding: 30px 0 10px!important; width: 100%; } .view-amp-popular-blog-posts .view-content .views-row { width: 100%!important; border-bottom: 2px solid pink; padding: 4% 2%!important; } .view-id-amp_featured_blog_post .views-field-field-display-name .field-content { width: 100%!important; } .view-id-amp_featured_blog_post .views-field-created .field-content { width: 100%!important; } .view-id-amp_featured_blog_post .views-field-body .field-content { width: 100%!important; } .page-amp-user-blog .views-field-body{ width: 100%!important; } } @media screen and (max-width: 768px) { .view-id-amp_featured_blog_post .views-field-field-bucket .field-content a{ left: 0!important; } img.ads-img { width: 98%!important; margin-bottom: 15px!important; } #block-system-main .view-amp-blog-pg .view-content .views-row{ width: 100%; float: left; padding: 2%; } #block-system-main .view-amp-blog-pg .view-content .views-row-3{ clear: both; } #block-system-main .view-amp-blog-pg .view-content .views-row-6{ clear: both; } .page-amp-user-blog #zone-content .region-inner, .page-amp-videos-page #zone-content .region-inner, .page-taxonomy-term #zone-content .region-inner { margin-top: 0px; } .block-block-178 ul.amp-menu, .node-type-blog-article1 .block-block-178 ul.amp-menu, .page-amp-user-blog .block-block-178 ul.amp-menu , .page-amp-videos-page .block-block-178 ul.amp-menu, .page-taxonomy-term .block-block-178 ul.amp-menu { text-align: center!important; top: 30px!important; border-bottom: none!important; margin: 0px!important; width: 100%!important; padding-bottom: 0px!important; display: block!important; z-index: 11; position: relative!important; } .block-block-178 ul.amp-menu, .page-amp-user-blog .block-block-178 ul.amp-menu , .page-amp-videos-page .block-block-178 ul.amp-menu, .page-taxonomy-term .block-block-178 ul.amp-menu { text-align: center!important; top: -265px; border-bottom: none!important; margin-top: 9px!important; width: 100%!important; padding-bottom: 20px!important; display: block!important; z-index: 11; position: relative!important; } .page-amp-blog-page .block-block-178 ul.amp-menu { display: none!important; } .block-block-178 ul.amp-menu li, .node-type-blog-article1 .block-block-178 ul.amp-menu li, .page-amp-user-blog .block-block-178 ul.amp-menu li, .page-amp-videos-page .block-block-178 ul.amp-menu li, .page-taxonomy-term .block-block-178 ul.amp-menu li, .page-amp-blog-page .block-block-178 ul.amp-menu li { padding-left: 5px; } .block-block-178 ul.amp-menu li.amp-menu-home, .node-type-blog-article1 .block-block-178 ul.amp-menu li.amp-menu-home, .page-amp-user-blog .block-block-178 ul.amp-menu li.amp-menu-home, .block-block-178 ul.amp-menu li.amp-menu-home, .node-type-blog-article1 .block-block-178 ul.amp-menu li.amp-menu-home, .page-amp-videos-page .block-block-178 ul.amp-menu li.amp-menu-home, .page-amp-user-blog .block-block-178 ul.amp-menu li.amp-menu-home, .page-taxonomy-term .block-block-178 ul.amp-menu li.amp-menu-home, .page-amp-blog-page .block-block-178 ul.amp-menu li.amp-menu-home { margin: -8px auto 0; } #zone-beforecontent{ background: linear-gradient(to right, #fce9f3, #fffbe5)!important; padding-bottom: 50px; width: 100%; } } @media screen and (max-width: 768px) { .block-block-189 { width: 100%; float: right; display: inline-block; margin-top: 0px; padding: 0; text-align: center; margin-bottom: 20px; } .page-amp-videos-page .block-system-main{ display: inline-block; float: left; width: 100%!important; padding: 0 10px; } .page-amp-videos-page .node-blog-article1{ width: 100%; } .page-amp-videos-page .view-content .views-row-1 .views-field-field-user-first-name-last-name{ margin-left: auto; } .page-amp-videos-page .view-content .views-row-1 .views-field-field-user-detailed-info{ margin-left: auto; } .page-amp-videos-page .view-content .views-row-1 .views-field-picture{ display: block; margin-left: auto; } .page-amp-videos-page .views-field-field-blog-image .field-content{ float: left; width: 100%; } .page-amp-videos-page .views-field-field-blog-image .field-content p{ display: contents; } .page-amp-videos-page .views-field-field-display-name .field-content{ float: left; width: 50%; } } .node-blog-article1 .user-picture img{ pointer-events: none!important; } /*Styles for PRIDE PAGE */ .page-node-91455 .block-148{ display: none; } .page-node-90784 .block-148{ display: none; } .page-node-91455 .block-149{ display: none; } .page-node-90784 .block-149{ display: none; } .page-node-91455 .field-name-field-banner-desc, .page-node-91455 .field-name-field-banner-desc-text-color, .page-node-91455 .field-name-field-social-share-image { display: none; } .page-node-91455 .block-185{ margin-top: 30px; } .page-node-90784 .block-183{ margin-top: 30px; } /*Style for Microsoft Pride Page*/ .page-node-91460 .block-views-blog-trending{ display: none; } .page-node-91460 .grid-10{ width: 100%; } .page-node-91460 .grid-2{ display: none; } #node-91460 .field-name-field-banner-desc, #node-91460 .field-name-field-banner-desc-text-color, #node-91460 .field-name-field-social-share-image{ display: none; } .page-node-91460 .pride-container{ display: block; text-align: center; } .page-node-91460 .pride-item{ width: 31%; padding: 1%; } .page-node-91460 .zone-navigation-wrapper{ display: none!important; } @media screen and (max-width: 576px) { .page-node-91460 .pride-item{ width: 100%; padding: 1%; } } /*Style for Microsoft Pride Page LIVE*/ .page-node-91721 .block-views-blog-trending{ display: none; } .page-node-91721 .zone-navigation-wrapper{ display: none!important; } .page-node-91721 .grid-10{ width: 100%; } .page-node-91721 .grid-2{ display: none; } #node-91721 .field-name-field-banner-desc, #node-91460 .field-name-field-banner-desc-text-color, #node-91460 .field-name-field-social-share-image{ display: none; } .page-node-91721 .pride-container{ display: block; text-align: center; } .page-node-91721 .pride-item{ width: 31%; padding: 1%; } @media screen and (max-width: 576px) { .page-node-91721 .pride-item{ width: 100%; padding: 1%; } } /** Surface Pro styles here **/ @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) and (min-width: 1500px) and (max-width : 2000px) and @-ms-viewport { { .page-node-91460 .pride-item{ width: 100%; padding: 1%; } } /*Styles for Video page Ads*/ .page-amp-videos-page .block-system-main{ width: 75%; display: inline-block; } .page-amp-videos-page .block-system-main .block-inner .clearfix{ width: 100%; display: inline-block; } .page-amp-videos-page .block-inner .content.comment{ width: 100%!important; display: inline-block; } /*Styles for AlliCoalition */ .page-node-91460 .block-block-124{ display: none; } .page-node-91460 .addthis-smartlayers{ display: none; } /*Styles for NYC Pride March */ #node-91463 p { line-height: 1.4; margin-bottom: 10px; padding: 0; } #node-91463 .webform-client-form { width: 100%; margin-left: 20px; } #node-91463 .webform-client-form label{ display: inline-block; text-align: left; } #node-91463 .webform-container-inline label{ display: inline-block; text-align: left; } #node-91463 .webform-component--yes-sign-me-up-to-march-with-glaad-in-the-nyc-pride-parade label { display: block; text-align: left; } #node-91463 .webform-component--please-select-preferred-size-for-your-team-shirt-provided-by-express-supplies-limited-prefered-size-cannot-be-guaranteed label { display: block; text-align: left; } #node-91463 .webform-component--please-select-preferred-size-for-your-team-shirt-provided-by-express-supplies-limited-prefered-size-cannot-be-guaranteed { margin-bottom: 40px; } #node-91463 .webform-component--phone { margin-bottom: 30px; } #node-91463 .webform-component-radios .form-radios{ display: flex; padding-left: 20px; } #node-91463 .webform-container-inline div, .webform-container-inline div.form-item { width: 80px; } /*Styles for NYC Pride March LIVE*/ #node-91714 p { line-height: 1.4; margin-bottom: 10px; padding: 0; } #node-91714 .webform-client-form { width: 100%; margin-left: 20px; } #node-91714 .webform-client-form label{ display: inline-block; text-align: left; } #node-91714 .webform-container-inline label{ display: inline-block; text-align: left; } #node-91714 .webform-component--yes-sign-me-up-to-march-with-glaad-in-the-nyc-pride-parade label { display: block; text-align: left; } #node-91714 .webform-component--please-select-preferred-size-for-your-team-shirt-provided-by-express-supplies-limited-prefered-size-cannot-be-guaranteed label { display: block; text-align: left; } #node-91714 .webform-component--please-select-preferred-size-for-your-team-shirt-provided-by-express-supplies-limited-prefered-size-cannot-be-guaranteed { margin-bottom: 40px; } #node-91714 .webform-component--phone { margin-bottom: 30px; } #node-91714 .webform-component-radios .form-radios{ display: flex; padding-left: 20px; } #node-91714 .webform-container-inline div, .webform-container-inline div.form-item { width: 80px; } /*Styles for Columbus Pride */ .page-node-91464 .rightbar, .page-node-91464 .field-name-field-banner-desc, .page-node-91464 .field-name-field-banner-desc-text-color, .page-node-91464 .field-name-field-social-share-image{ display: none!important; } .page-node-91464 .leftbar{ width: 100%; } #node-91464 p { line-height: 1.4; margin-bottom: 10px; padding: 0; } #node-91464 .webform-client-form { margin-left: 20px; } #node-91464 .webform-container-inline label{ display: inline-block; text-align: left; } #node-91465 .webform-container-inline label{ display: inline-block; text-align: left; } #node-91465 p { line-height: 1.4; margin-bottom: 10px; padding: 0; } #node-91465 .webform-container-inline label{ display: inline-block; } #node-91465 .webform-component--yes-sign-me-up-to-march-with-glaad-in-the-nyc-pride-parade label { display: block; text-align: left; } #node-91465 .webform-component--i-would-like-to-bring-a-guest-with-me label { display: block; text-align: left; } #node-91465 .webform-component--please-select-preferred-size-for-your-team-shirt-provided-by-express-supplies-limited-preferred-size-cannot-be-guaranteed label { display: block; text-align: left; } #node-91465 .webform-component--please-select-preferred-size-for-your-guests-team-shirt-provided-by-express-supplies-limited-preferred-size-cannot-be-guaranteed { margin-bottom: 40px; } #node-91465 .webform-component--please-select-preferred-size-for-your-guests-team-shirt-provided-by-express-supplies-limited-preferred-size-cannot-be-guaranteed label { display: block; text-align: left; } #node-91465 .webform-component--please-select-preferred-size-for-your-team-shirt-provided-by-express-supplies-limited-prefered-size-cannot-be-guaranteed { } #node-91465 .webform-component--phone { margin-bottom: 30px; } #node-91465 .webform-component-radios .form-radios{ display: flex; padding-left: 20px; } #node-91465 .webform-container-inline div, .webform-container-inline div.form-item { width: 80px; } #node-91465 .webform-client-form { margin-left: 20px; } /*Styles for Columbus Pride LIVE */ .page-node-91715 .rightbar, .page-node-91715 .field-name-field-banner-desc, .page-node-91715 .field-name-field-banner-desc-text-color, .page-node-91715 .field-name-field-social-share-image{ display: none!important; } .page-node-91715 .leftbar{ width: 100%; } #node-91715 p { line-height: 1.4; margin-bottom: 10px; padding: 0; } #node-91715 .webform-client-form { margin-left: 20px; } #node-91715 .webform-container-inline label{ display: inline-block; text-align: left; } #node-91717 .webform-container-inline label{ display: inline-block; text-align: left; } #node-91717 p { line-height: 1.4; margin-bottom: 10px; padding: 0; } #node-91717 .webform-container-inline label{ display: inline-block; } #node-91717 .webform-component--yes-sign-me-up-to-march-with-glaad-in-the-nyc-pride-parade label { display: block; text-align: left; } #node-91717 .webform-component--i-would-like-to-bring-a-guest-with-me label { display: block; text-align: left; } #node-91717 .webform-component--please-select-preferred-size-for-your-team-shirt-provided-by-express-supplies-limited-preferred-size-cannot-be-guaranteed label { display: block; text-align: left; } #node-91717 .webform-component--please-select-preferred-size-for-your-guests-team-shirt-provided-by-express-supplies-limited-preferred-size-cannot-be-guaranteed { margin-bottom: 40px; } #node-91717 .webform-component--please-select-preferred-size-for-your-guests-team-shirt-provided-by-express-supplies-limited-preferred-size-cannot-be-guaranteed label { display: block; text-align: left; } #node-91717 .webform-component--please-select-preferred-size-for-your-team-shirt-provided-by-express-supplies-limited-prefered-size-cannot-be-guaranteed { } #node-91717 .webform-component--phone { margin-bottom: 30px; } #node-91717 .webform-component-radios .form-radios{ display: flex; padding-left: 20px; } #node-91717 .webform-container-inline div, .webform-container-inline div.form-item { width: 80px; } #node-91717 .webform-client-form { margin-left: 20px; } #node-91717 h2.node-title, #node-91714 h2.node-title{ display: none!important; } /*SF Gala 2019 page */ .page-node-91468 .sliderContent h2{ display: none!important; } .page-node-91732 .sliderContent h2{ display: none!important; } @media (max-width: 480px) { #colorbox { max-width: 353px !important; max-height:205px !important; } #popup-message-window{width: 97% !important; position: absolute !important; left: 1% !important; height: 250px !important; top: 28% !important;} .responsive{ width: 100% !important; height: 220px !important; margin-top: -27px; margin-left: 0px !important;} }