/* Theme Name: MaristGrid Version: 1 Theme URI: http://randycaruso.com Author: Randy Caruso Author URI: http://randycaruso.com */ .width930{width:930px;margin:0 auto;} .not-home {display:none;} .nonslide {display:none;} * { box-sizing: border-box; } html,body{ overflow-x: hidden;} .databutton a { width: 153px; text-align: center; font-size: 18px; background-color: #326295; color: white; padding: 9px 20px 8px 20px; margin: 0px 12px 0px 0px; text-decoration: none; -moz-border-radius: 24px; -webkit-border-radius: 24px; -khtml-border-radius: 24px; border-radius: 24px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; } .databutton a:hover { color: white; background-color: #0081C8; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; padding: 9px 23px 8px 23px; margin: 0px 6px 0px 0px; } /*8888b. 8888888b. 8888888 8888888b. d88P Y88b 888 Y88b 888 888 "Y88b 888 888 888 888 888 888 888 888 888 d88P 888 888 888 888 88888 8888888P" 888 888 888 888 888 888 T88b 888 888 888 Y88b d88P 888 T88b 888 888 .d88P "Y8888P88 888 T88b 8888888 8888888*/ header { display: grid; grid-template-columns: 1fr 340px 1fr; gap: 0px 0px; grid-template-areas: "nav logo social"; margin: 0px auto 0 auto; -webkit-transition: all .5s ease; /* Safari and Chrome */ -moz-transition: all .5s ease; /* Firefox */ transition: all .5s ease; padding: 10px 0 0px 0; } nav { grid-area: nav; padding: 0 0 0 62px; } .logo { grid-area: logo; } .sociallinks { grid-area: social; } /* ----------------- PRIMARY CONTAINERS ---------------- */ .page-container { grid-template-columns: 1fr; grid-template-rows: 1fr ; gap: 30px 30px; grid-template-areas: "main"; } .grid-container { display: grid; grid-template-columns: 1fr; grid-template-rows: 450px 1fr; gap: 0px 30px; grid-template-areas: "hero" "main"; width: 100% !important;} .podcast-container { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; gap: 30px 30px; grid-template-areas: "main"; width: 100% !important; margin: 0 auto !important;} .single-container { display: grid; grid-template-columns: 1fr; grid-template-rows: 450px 1px 1fr; gap: 30px 30px; grid-template-areas: "hero" "printfriendly" "main"; width: 100% !important;} .archive .grid-container { display: grid; grid-template-columns: 1fr; grid-template-rows: 450px 1fr; gap: 30px 30px; grid-template-areas: "hero" "main"; width: 100% !important; } .print { width: 922px; margin: 0 auto; } /* ------------ GRID AREAS --------- */ main { grid-area: main; margin: 0 auto; width: 100%;} /* SOMETHING BUGGY HERE with Images floating left or right -----------------------------*/ .pf-content {grid-template-areas: "printfriendly";width: 930px;} .polls-template-default .pf-content {grid-template-areas: "printfriendly"; } .printfriendly { grid-area: printfriendly !important;margin: -1px 0px 15px 0px; } .pf-button-content {display:none;} .entry {grid-area: entry;} footer { grid-area: footer; } .hero {grid-area: hero;width: 100%;margin: 0 auto;} /*88888888 .d88888b. 888b 888 88888888888 .d8888b. 888 d88P" "Y88b 8888b 888 888 d88P Y88b 888 888 888 88888b 888 888 Y88b. 8888888 888 888 888Y88b 888 888 "Y888b. 888 888 888 888 Y88b888 888 "Y88b. 888 888 888 888 Y88888 888 "888 888 Y88b. .d88P 888 Y8888 888 Y88b d88P 888 "Y88888P" 888 Y888 888 "Y8888*/ body {font-family: 'Montserrat',sans-serif;color: #2d2d2d;margin: 0px;padding: 0px;background-color: white;} a { color: black;} a:hover { color: black; text-decoration: none; } a:focus { outline: none !important; } input:focus { outline: none !important; } h1, h1 a, h2, h2 a, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif !important; } h2 { font-size: 19px !important; line-height: 26px; } h3 { font-size: 16px !important; line-height: 26px; } h4 { font-size: 14px !important; } h5 { font-size: 14px !important; } .title { font-size: 24px; margin: 0 0 20px 0; padding: 0 0 0 0; letter-spacing: 0.05em; text-align: center; } .title a { font-size: 24px; margin: 0 0 20px 0; padding: 0 0 0 0; letter-spacing: 0.05em; } .entry ul { margin: 10px 0px 10px 0px; list-style: outside disc; margin-left: 1em; } .entry li { position: relative; left: 1em; padding-right: 1em; margin-bottom: 10px; line-height: 23px; } .entry ol { margin-bottom: 20px; } blockquote p { font-size: 18px !important; } cite { text-decoration: none; margin: -10px 0px 0px 20px; } p { margin: 0px 0px 17px 0px; line-height: 1.6rem;} /* Full Width Images in Gutenberg */ .entry-content .alignwide { margin-left: -80px; margin-right: -80px; } .entry-content .alignfull { margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right: calc( -100vw / 2 + 100% / 2 ); max-width: 100vw; } .alignfull img { width: 100vw; } .page-terms-of-use h3 {color: black;} /*8888b. 888 888 88888888888 88888888888 .d88888b. 888b 888 .d8888b. 888 "88b 888 888 888 888 d88P" "Y88b 8888b 888 d88P Y88b 888 .88P 888 888 888 888 888 888 88888b 888 Y88b. 8888888K. 888 888 888 888 888 888 888Y88b 888 "Y888b. 888 "Y88b 888 888 888 888 888 888 888 Y88b888 "Y88b. 888 888 888 888 888 888 888 888 888 Y88888 "888 888 d88P Y88b. .d88P 888 888 Y88b. .d88P 888 Y8888 Y88b d88P 8888888P" "Y88888P" 888 888 "Y88888P" 888 Y888 "Y8888P*/ /* The big default Style */ main .wp-block-button__link { font-size: 24px !important; padding: 9px 80px !important; font-weight: bold !important; line-height: 25px; -webkit-transition: all .2s ease; /* Safari and Chrome */ -moz-transition: all .2s ease; /* Firefox */ transition: all .2s ease; } main .wp-block-button__link:hover { -webkit-transition: all .2s ease; /* Safari and Chrome */ -moz-transition: all .2s ease; /* Firefox */ transition: all .2s ease; padding: 9px 84px 9px 84px !important; margin-left:8px; } .home .wp-block-button__link {background-color: white !important;} .home .wp-block-button__link:hover {color: black !important;} .page-template-clients .wp-block-button__link {background-color: #62A63B !important;} .page-template-archive-polls .wp-block-button__link {background-color: #62A63B !important;} .page-template-clients .wp-block-button__link:hover {color: black !important;} .page-jobs .wp-block-button__link:hover { color: black !important; } /* HOME */ .box-clientservices .wp-block-button__link { margin-top: 24px;} .box-jobs .wp-block-button__link { margin-top: 20px; } .box-who .wp-block-button__link { margin-top: 20px; } .box-polling .wp-block-button__link { margin-top: 22px; xmargin-top: 50px; } .college-box .wp-block-button__link:hover { color: black !important; } .college-box .wp-block-button { margin-bottom: 30px !important; } .poll-container button { background:none; border:none; margin: 18px 0px 16px 0px; padding:0; } .poll-container button a { font-size: 18px; background-color:#326295; color: white; padding: 9px 20px 8px 20px; text-decoration: none; display:block; -moz-border-radius: 24px; -webkit-border-radius: 24px; -khtml-border-radius: 24px; border-radius: 24px; -webkit-transition: all .2s ease; /* Safari and Chrome */ -moz-transition: all .2s ease; /* Firefox */ transition: all .2s ease; } .poll-container button a:hover { background-color: #0081C8; -webkit-transition: all .2s ease; /* Safari and Chrome */ -moz-transition: all .2s ease; /* Firefox */ transition: all .2s ease; padding: 9px 23px 8px 23px; } /* ____________________________ Home page hero button ____________________________ */ .allpolls { position: relative; xmargin: -128px 0px 0 46px; /* 3 lines */ margin: -100px 0px 0 46px; z-index: 10 !important; float: left; background-color: white; padding: 5px 20px; border-radius: 24px; font-size: 24px !important; font-weight: 700; } .allpolls a {color: black; text-decoration: none; -webkit-transition: all .2s ease; /* Safari and Chrome */ -moz-transition: all .2s ease; /* Firefox */ transition: all .2s ease;} .allpolls a:hover { -webkit-transition: all .2s ease; /* Safari and Chrome */ -moz-transition: all .2s ease; /* Firefox */ transition: all .2s ease; padding: 5px 22px 5px 22px; } .pt-cv-clickable { xposition: relative !important; xz-index: 1 !important; zborder:1px solid red;} .seeallbutton { background-color: #63A63C; display:block !important; -moz-border-radius: 24px; -webkit-border-radius: 24px; -khtml-border-radius: 24px; border-radius: 24px; margin: 12px 0px 0px 0px; position: absolute; z-index:1000000 !important; display:block !important; } .seeallbutton a { font-size: 16px !important; padding:4px 30px !important; font-weight: bold !important; line-height: 25px; display:block !important; margin: 12px 0px 0px 0px; xposition: relative !important; xz-index:1000000 !important; } @media (min-width: 1025px) and (max-width: 1589px) { .hero .pt-cv-mask { margin: 0px 0px 0px 0 !important; width: 80% !important;} } /* ____________________________ END Home page hero button ____________________________ */ .specialbutton { display: inline-block; margin: 17px 15px 0 0px !important; font-size: 18px; background-color:#326295; color: white; padding: 9px 20px 8px 20px; text-decoration: none; -moz-border-radius: 24px; -webkit-border-radius: 24px; -khtml-border-radius: 24px; border-radius: 24px; -webkit-transition: all .2s ease; /* Safari and Chrome */ -moz-transition: all .2s ease; /* Firefox */ transition: all .2s ease; float: left; } .specialbutton:hover { background-color: #0081C8; -webkit-transition: all .2s ease; /* Safari and Chrome */ -moz-transition: all .2s ease; /* Firefox */ transition: all .2s ease; padding: 9px 23px 8px 23px; color: white; position: relative; } /*8b 888 d8888 888 888 8888b 888 d88888 888 888 88888b 888 d88P888 888 888 888Y88b 888 d88P 888 Y88b d88P 888 Y88b888 d88P 888 Y88b d88P 888 Y88888 d88P 888 Y88o88P 888 Y8888 d8888888888 Y888P 888 Y888 d88P 888 Y*/ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { border-bottom: 1px solid white !important; margin-right: 30px !important;} #mega-menu-wrap-primary {xwidth: 80px !important;} #mega-menu-primary { z-index: 1500 !important; position: absolute !important;} header {z-index: -100;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-49079 > a.mega-menu-link {border: none !important;} /*8 888 8888888888 d8888 8888888b. 8888888888 8888888b. 888 888 888 d88888 888 "Y88b 888 888 Y88b 888 888 888 d88P888 888 888 888 888 888 8888888888 8888888 d88P 888 888 888 8888888 888 d88P 888 888 888 d88P 888 888 888 888 8888888P" 888 888 888 d88P 888 888 888 888 888 T88b 888 888 888 d8888888888 888 .d88P 888 888 T88b 888 888 8888888888 d88P 888 8888888P" 8888888888 888 T8*/ .header { margin: 0 0 0px 0; padding: 0px 0 0 0; } .logo a { margin-top: 3px; height: 91px; text-indent: -999em; display: block; background: url(img/marist-poll.svg) no-repeat center center; } /*8 888 .d88888b. 888b d888 8888888888 888 888 d88P" "Y88b 8888b d8888 888 888 888 888 888 88888b.d88888 888 8888888888 888 888 888Y88888P888 8888888 888 888 888 888 888 Y888P 888 888 888 888 888 888 888 Y8P 888 888 888 888 Y88b. .d88P 888 " 888 888 888 888 "Y88888P" 888 888 888888888*/ .home main {width: 100% !important;} .home .entry { width: 100% !important;} .home h2 { color: white !important; font-size: 30px !important; border-bottom: 1px solid white; padding: 0px 0px 25px 0px; } .boxes { color: white !important; font-size: 21px; font-weight: bold; line-height: 1.8rem; } /* ----------------- PODCAST BLOCK----------------- */ .home .sm_desc {display:none !important;} .home .sm_date {display:none !important;} .home .sm_cta {display:none !important;} .home .simcast_episode .wp-block-image {display:none !important;} .home .title-header {display:none !important;} .home .simcast_episode {display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;gap: 0px;margin: -21px 0px 0px 0px;} /* ----------------- POLL HUB BLOCK----------------- */ .box-pollhub {font-size: 14px;font-weight: bold;line-height: 1.8rem;padding: 65px 50px 51px 50px;background-color: #0081C8;} .box-pollhub img {margin: 10px 0px 14px 0px;} .box-pollhub p { margin: -10px 0px 10px 0px;} /* ----------------- CLIENT SERVICES ----------------- */ .box-clientservices { padding: 69px 85px 25px 85px; background-color: #001036 ; } .wp-block-cover h2.client-headline { font-size: 44px !important; border-bottom: 1px solid white; width: 568px; margin: 0 auto 19px auto; padding: 0px 0px 26px 0px; } .client-subhead { font-size: 17px; font-weight: 700; width: 750px; margin: 0 auto 51px auto; line-height: 25px; } .terms {font-weight: bold;} /*8888b. 88888888888 888 888 8888888b. 8888888888 888b 888 88888888888 888888 .d88888b. 888888b. .d8888b. d88P Y88b 888 888 888 888 "Y88b 888 8888b 888 888 "88b d88P" "Y88b 888 "88b d88P Y88b Y88b. 888 888 888 888 888 888 88888b 888 888 888 888 888 888 .88P Y88b. "Y888b. 888 888 888 888 888 8888888 888Y88b 888 888 888 888 888 8888888K. "Y888b. "Y88b. 888 888 888 888 888 888 888 Y88b888 888 888 888 888 888 "Y88b "Y88b. "888 888 888 888 888 888 888 888 Y88888 888 888 888 888 888 888 "888 Y88b d88P 888 Y88b. .d88P 888 .d88P 888 888 Y8888 888 88P Y88b. .d88P 888 d88P Y88b d88P "Y8888P" 888 "Y88888P" 8888888P" 8888888888 888 Y888 888 888 "Y88888P" 8888888P" "Y88888P .d88P .d88P" 888*/ .wp-block-cover h2.billboard-headline {font-size: 44px !important;width: 100%;margin: -20px auto 10px auto !important;padding: 0px 0px 0px 0px;text-align: center !important;} .billboard-subhead {font-size: 26px !important;line-height: 1.2;} .student-jobs-row {margin-top: -28px;} .student-jobs-row .has-background {padding: 0px 0px 0px 0px !important; } .student-jobs-sections h2 {font-size: 32px !important; } .student-jobs-bottom-row {margin-top: -28px;} .checklist {font-size: 19px;list-style: none outside ;} .checklist li {margin-bottom: 17px;padding: 8px 0px 0px 48px;height: 37px;} .blue-white .checklist li { background: url(img/check.gif) 0 0px / 37px no-repeat ;} .white-blue .checklist li { background: url(img/whitecheck.gif) 0 0px / 37px no-repeat ;} /* BLUE WHITE https://youtu.be/M5audtofhIo */ .blue-white {padding: 0px 0px 0px 60px; } .blue-white h2 { margin: 0px 0px 20px 84px; color: #001036;} .blue-white strong {padding: 7px 10px 7px 10px; background-color: #001036; color: white;} /* WHITE BLUE */ .white-blue {padding: 0px 0px 0px 60px; } .white-blue h2 { margin: 0px 0px 20px 84px; color: white !important;} .white-blue strong {padding: 7px 10px 7px 10px; background-color: white; color: #001036;} /* ____________________________ 767 ____________________________ */ @media (max-width: 767px) { .checklist {font-size: 14px;list-style: none outside ;margin-left: -83px;} .checklist li {margin-bottom: 8px;background: url(img/check.gif) 0 0px / 36px no-repeat;padding: 10px 0px 0px 41px;height: 37px;} .blue-white strong {padding: 8px 10px ;font-weight: normal;} .blue-white h2 {margin: 20px 0px 20px -45px; line-height: 1.1;} .white-blue strong {padding: 8px 10px ;font-weight: normal;} .white-blue h2 {margin: 20px 0px 20px -45px;} } /* ____________________________ END 767 ____________________________ */ .mobistack { display: grid;grid-template-columns: 1fr;grid-template-rows: 350px 300px !important;gap: 0px 0px;grid-auto-flow: row; } .mobitop { grid-area: 1 / 1 / 3 / 2; } .mobibottom { grid-area: 2 / 1 / 3 / 2; } .billboard-subhead { font-size: 23px !important; line-height: 1.2;} .nopad {padding: 0px 0px 0px 0px !important; } h2.statement {line-height: 1.2; font-size: 30px !important; } .studentphoto {max-height: 350px; overflow: hidden;} .student-jobs-bottom-row {margin-top: -36px; padding-top: 30px} /* ----------------- LEARN POLLING ----------------- */ .pollgreen { width: 1200px; margin: 0 auto; padding: 7px auto 8px auto !important; } .columns-polling-group { background: #63A63C url(img/Learn.Home.bg.jpg) no-repeat center; padding: 20px 0px 20px 0px; background-size: cover;} .box-polling { padding: 12px 170px 25px 25px; } /* ----------------- WHO WE ARE ----------------- */ .box-who { padding:40px 85px 60px 85px; background-color: #002855; } /* ----------------- STUDENT JOBS ----------------- */ .box-jobs { padding: 40px 85px 60px 85px; background-color: #F0762D; } .box-jobs .wp-block-button a {color:#F0762D !important;} wp-block-button__link .xr0 { margin-left: 0 !important; width: 100% !important; } .xl0 { margin-right: 0 !important; } .home .wp-block-column:not(:first-child) { margin-left: -1em !important; } .home .wp-block-columns.has-background { padding: 0; } /* Removes the margin from the left side of columns so the backgrounds meetup */ .home .wp-block-column:not(:first-child) { margin-left: -32px !important; } .home .wp-block-column:not(:first-child) { margin-right: -32px !important; } .home .wp-block-columns { margin-bottom: 0em; } .xhome .xwp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { xmargin-left: var(--wp--style--block-gap,0em) !important; } /*8 888 8888888888 8888888b. .d88888b. 888 888 888 888 Y88b d88P" "Y88b 888 888 888 888 888 888 888 8888888888 8888888 888 d88P 888 888 888 888 888 8888888P" 888 888 888 888 888 888 T88b 888 888 888 888 888 888 T88b Y88b. .d88P 888 888 8888888888 888 T88b "Y88888*/ /* -webkit-line-clamp: 3; /* number of lines to show */ /* This is the most important line to keeping this consistant*/ .hero img { height: 450px !important; grid-area: hero; width: 100%; object-fit: cover; object-position: 50% 32%; } /* HERO CONTENT POSITION */ .pt-cv-overlay-middle .pt-cv-mask { xborder:1px solid red; } .pt-cv-wrapper { margin-left: 0px !important; margin-right: 0px !important; padding: 0px 0px 0px 0px; } .hero .pt-cv-mask { margin: 0px 0px 0px 0; width: 699px !important; padding: 0 0 0 50px; } /* LATEST TITLES */ .home .latestthing { xcontent: "Latest Poll" !important; xcontent: "Latest News" !important; width: 520px; height: 50px !important; color: white; font-size: 1.85em !important; font-weight: bold; display: block; border:1px solid red !important; } .single .latestthing { display:none; } #pt-cv-view-aef85b4t7i .pt-cv-specialp { background-color: transparent !important; font-size: 30px; margin-left: -7px !important } /* There's no way to filter this unless it's built INTO the Post itself. All custom templates except NEWS */ .home .pt-cv-mask:before { xcontent: "Latest Poll" !important; xcontent: "Latest News" !important; xcontent: "Latest America Now" !important; width: 520px; height: 50px !important; color: white; font-size: 1.85em !important; font-weight: bold; display: block; } .page-latest-polls .pt-cv-mask:before { content: "Latest Poll" !important; width: 520px; height: 50px !important; color: white; font-size: 1.85em !important; font-weight: bold; display: block; xborder:1px solid red; } .page-blog .pt-cv-mask:before { xcontent: "Latest News" !important; width: 520px; height: 50px !important; color: white; font-size: 1.85em !important; font-weight: bold; display: block; } .pt-cv-specialp { margin-top: -50px; } /* ------------------------- CONTENT POST ------------------------- */ /* DATE */ .hero .pt-cv-meta-fields { font-weight: 500 !important; font-size: 16px; padding: 20px 0px 20px 0px; border-top: 1px solid white; } /* TITLE */ .hero .pt-cv-title { border: none !important; font-size: 30px !important; padding: 0px 0px 0px 0px !important; xbackground-color: green; margin: 0px 0px 8px 0px !important; } /* CONTENT ACF */ .hero .pt-cv-ctf-summary_lead { line-height: 24px; font-weight: 500; margin: 0px 0px 0px 0px; /* number of lines to show ------------------------- */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; /* number of lines to show ------------------------- */ } .home .pt-cv-ctf-partner .pt-cv-ctf-value { font-size: 20px; margin: -14px 0px 20px 0px !important; xposition: relative top -30px; xdisplay:block; } .hero .page-template-archive-polls .pt-cv-ctf-partner { display:block; margin: 0px 0px 26px 0px; font-size: 19px !important; } .hero .pt-cv-content { /* non ACF is pt-cv-content */ line-height: 24px; font-weight: 700; /* number of lines to show ------------------------- */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box!important; -webkit-line-clamp: 3 !important; /* number of lines to show ------------------------- */ } .page-blog .hero .pt-cv-content { margin: 0px 0px 0px 0px; xbackground-color: blue; } .hero .pt-cv-readmore { margin: -20px 0px 0px -12px !important; text-decoration: underline !important; text-transform: uppercase !important; font-size: 12px !important; font-weight: 700 !important; } .page-blog .pt-cv-readmore { margin: 15px 0px 0px -10px !important;} .pt-cv-content a.pt-cv-readmore {text-decoration: underline !important; margin-left: 0px !important;} /*8888b. 8888888b. d8888 8888888b. 8888888 8888888888 888b 888 88888888888 d88P Y88b 888 Y88b d88888 888 "Y88b 888 888 8888b 888 888 888 888 888 888 d88P888 888 888 888 888 88888b 888 888 888 888 d88P d88P 888 888 888 888 8888888 888Y88b 888 888 888 88888 8888888P" d88P 888 888 888 888 888 888 Y88b888 888 888 888 888 T88b d88P 888 888 888 888 888 888 Y88888 888 Y88b d88P 888 T88b d8888888888 888 .d88P 888 888 888 Y8888 888 "Y8888P88 888 T88b d88P 888 8888888P" 8888888 8888888888 888 Y888 8*/ /* GRADIENT https://cssgradient.io/ */ .pt-cv-hover-wrapper::after { content: ""; position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1; /* Dark grey blue */ background: rgb(43,43,43); background: linear-gradient(0deg, rgba(43,43,43,1) 0%, rgba(0,46,156,0.3561625333727241) 50%); /* Change this to 100% */ /* Dark Blue */ xbackground: rgb(0,16,54); xbackground: linear-gradient(0deg, rgba(0,16,54,1) 0%, rgba(184,60,29,0) 100%); /* Light Grey */ xbackground: rgb(94,94,94); xbackground: linear-gradient(0deg, rgba(94,94,94,1) 0%, rgba(255,255,255,0) 100%); /* Dark Grey */ xbackground: rgb(65,65,65); xbackground: linear-gradient(0deg, rgba(65,65,65,1) 0%, rgba(255,255,255,0) 100%); /* Light Blue */ xbackground: rgb(0,128,200); xbackground: linear-gradient(0deg, rgba(0,128,200,0.5466387238489145) 0%, rgba(255,255,255,0) 78%); } .pt-cv-hover-wrapper::after { content: ""; position: absolute; } .pt-cv-hover-wrapper .cvp-responsive-image { display: block; background-attachment: fixed; background-position: top center ; background-position-y: -125px !important; background-size: 1920px !important; } /* ------------------ example styles ------------------ */ .relative { position: relative; } .mod--hidden { overflow: hidden; } .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .news-carrousel__container { white-space: nowrap;} .news-carrousel__control__list { position: absolute; list-style-type: none; top: 100%; right: 0; left: 0; margin-top: -0.5em; padding-left: 0; text-align: center;} .news-carrousel__control__list__item { display: inline-block; margin: 0 .5em;} .news-carrousel__control__list__link { display: inline-block; width: 1em; height: 1em; background: #fff; border: 1px solid #002855; border-radius: 1em; cursor: pointer;} .news-carrousel__button-container { position: absolute;} .news-carrousel__button__previous { top: 50%; margin-top: -18px; left: 0; margin-left: -35px;} .news-carrousel__button__next { top: 50%; margin-top: -18px; right: 0; margin-right: -35px;} .news-carrousel__button__button { margin: 0; padding: 0; background: transparent; border: 0; cursor: pointer;} /* only for minimalist example */ .carrousel__content[aria-hidden=true] {display: none;} /* ------------------ State rules ------------------ */ .news-carrousel__control__list__link:focus, .news-carrousel__control__list__link:hover, .news-carrousel__control__list__link:active, .news-carrousel__control__list__link[aria-selected=true] {background: #148297;} .news-carrousel__control__list__link:focus, .news-carrousel__control__list__link:hover, .news-carrousel__control__list__link:active {outline: 2px dotted #002855;} /*88888b. d8888 .d8888b. 8888888888 .d8888b. 888 Y88b d88888 d88P Y88b 888 d88P Y88b 888 888 d88P888 888 888 888 Y88b. 888 d88P d88P 888 888 8888888 "Y888b. 8888888P" d88P 888 888 88888 888 "Y88b. 888 d88P 888 888 888 888 "888 888 d8888888888 Y88b d88P 888 Y88b d88P 888 d88P 888 "Y8888P88 8888888888 "Y8888*/ .entry img { xmax-width: 500px; width: 100%; height: auto; } .americanowfeaturedimage { margin: 0 auto; text-align: center; } .featured { margin: 0px auto 35px auto; } .wp-block-cover, .wp-block-cover-image { min-height: 450px !important;} .tag .page-container { width: 930px; margin: 0 auto; text-align: center; } .tag .page-container .post { margin: 0px auto 60px auto; } .tag .page-container .post-date { margin: 0px auto 10px auto; } /*88888b. .d88888b. .d8888b. 88888888888 .d8888b. 888 Y88b d88P" "Y88b d88P Y88b 888 d88P Y88b 888 888 888 888 Y88b. 888 Y88b. 888 d88P 888 888 "Y888b. 888 "Y888b. 8888888P" 888 888 "Y88b. 888 "Y88b. 888 888 888 "888 888 "888 888 Y88b. .d88P Y88b d88P 888 Y88b d88P 888 "Y88888P" "Y8888P" 888 "Y8888*/ /* -------------- Post Grids -------------- */ .grids {width: 1200px !important;margin: 0 auto !important;} .grids .pt-cv-title { border: none !important;padding: 0px 20px; text-align: center; } .grids .pt-cv-content { padding: 0px 20px; text-align: center; } .methodology a { text-decoration: none; color: black; font-weight: bold; } .darkcard h2 { font-size: 23px !important; } .darkcard { font-size: 1.2rem; width: 800px; margin: 20px auto; } .pollheroimage img { object-fit: cover; } .post { display: block; xborder-bottom: 1px solid #bfbfbf; clear: both; margin: 0 0 0px 0; padding: 0 0 0px 0; xmin-height: 327px; font-size: 1rem; } .single .title { color: black !important; font-size: 34px !important; text-align: center; margin: 20px 150px 35px 150px; } .single-post .entry { xwidth: 760px; width: 930px; margin: 0 auto; xborder:1px solid blue; } .single-post .post-date { color: #53565A !important; margin: -25px auto 0 auto; font-weight: 700; } .single-post .printfriendly { grid-area: printfriendly !important; margin: 7px 0px 15px 0px; } /* NEWS */ .page-blog .newsgrid .pt-cv-ifield {margin: 0px 0px 30px 0px !important; } /*88888b. .d88888b. 888 888 .d8888b. 888 Y88b d88P" "Y88b 888 888 d88P Y88b 888 888 888 888 888 888 Y88b. 888 d88P 888 888 888 888 "Y888b. 8888888P" 888 888 888 888 "Y88b. 888 888 888 888 888 "888 888 Y88b. .d88P 888 888 Y88b d88P 888 "Y88888P" 88888888 88888888 "Y8888*/ .pollitems .pt-cv-content-item .pt-cv-ctf-list { padding: 0px 10px 0px 10px !important; xborder:1px solid red; } .single-polls .entry p.partner { xborder:1px solid red; font-size: 20px !important; font-weight: 500; text-align: center; margin: 0px 0px 17px 0px; } .poll-container { display: grid; grid-template-columns: 1fr; grid-template-rows: 450px 1fr; gap: 30px 30px; grid-template-areas: "hero" "main"; width: 100% !important; } .poll-container main { width: 930px; margin: 0 auto; xdisplay: grid; grid-template-columns: 60% 40%; grid-template-rows: auto auto auto; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "lead lead" "chart bullets" "followup followup"; } .methodology .wp-block-buttons > .wp-block-button { xmargin: 0 auto !important;} .single-polls h3 {color:#53565A ; } .lead { grid-area: lead; } .bullets { grid-area: bullets; xmargin: 0px 0px 0px -20px; /* prior to left right change */ margin: 24px 0px 0px -54px; } .followup { grid-area: followup; } .attachment-post-thumbnail { width: 100% !important; object-fit: cover; } .single-polls .entry p.post-date { color:#53565A !important; font-size: 34px; display: block; xmargin: 37px 0 9px 0; margin: 8px auto 36px auto !important; text-align: center; font-weight: 700; } .single-polls .title { color: black !important; font-size: 34px!important; text-align: center; margin: 20px 0px 8px 0px !important; } .single-polls .subhead { color: #53565A !important; font-size: 22px !important; text-align: center; margin: 5px 0px 0px 0px; border-top: 1px solid gray; padding: 22px 0 0 0; } .single-polls .entry p { font-size: 16px !important; line-height: 22px;} .single-polls blockquote { background-color: #002855; color: white; padding: 26px 50px 30px 50px; width: 100%; margin: 21px 0px 25px 0px; line-height: 31px; font-weight: 700; font-size: 18px; } .wp-pagenavi {xclear:both;} .wp-pagenavi a, .wp-pagenavi span { text-decoration:none; border:1px solid white !important; padding:3px 5px; margin:2px; } .wp-pagenavi a:hover { xborder-color:white !important; xpadding: 0px; xmargin: 0px; } .wp-pagenavi span.current { border-color:#000 !important; padding: 15px; margin: 0px 10px 0px 10px; } .wp-pagenavi span.current {font-weight:bold; } .morecontent h2 {color: #336699; text-align: center; } .morecontent h3 { color: #53565A ; font-weight: 700; } .morecontent ul {margin: 10px 0px 10px -8px !important; } .morecontent ul li { left: 0; padding: 0px 20px 0px 0px; } /* POLLS AND NEWS PAGE PAGINATION */ .pt-cv-pagination-wrapper {margin-left: 30px !important;} .pt-cv-pagination-wrapper li { position: relative; left: 0em; padding-right: 0em; } /* Single Poll base buttons */ .baseutils {float: right; margin: 27px 0px 40px 0px;} .pdf_data {margin: 0px 60px 0px 0px; } .pdf_data:hover {margin: 0px 54px 0px 0px; } .seeallpolls {width: 153px;text-align: center;font-size: 18px;background-color: #63A63C;color: white;padding: 9px 20px 8px 20px; text-decoration: none; -moz-border-radius: 24px; -webkit-border-radius: 24px; -khtml-border-radius: 24px; border-radius: 24px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;margin: 0px 12px 0px 0px;} .seeallpolls:hover {color: white;background-color: #7cc851;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;transition: all .2s ease;padding: 9px 23px 8px 23px;margin: 0px 6px 0px 0px; } .printthispage {width: 153px;text-align: center;font-size: 18px;background-color: #c4c4c4;color: #404040;padding: 9px 20px 8px 20px; text-decoration: none; -moz-border-radius: 24px; -webkit-border-radius: 24px; -khtml-border-radius: 24px; border-radius: 24px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;} .printthispage:hover {color: #404040;background-color: #d4d4d4;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;transition: all .2s ease;padding: 9px 23px 8px 23px;margin: 0px 0px 0px -6px;} .pdfs { margin: 26px 0px 0px 0px; float: left;} .pdfs ul {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;list-style-type: none !important;list-style: none;} .pdfs li {left: 0em !important;float: left;padding-right: 2px;} .pdfs a {width: 153px;text-align: center;font-size: 18px;background-color: #326295;color: white;padding: 9px 20px 8px 20px;margin: 0px 12px 0px 0px;text-decoration: none;-moz-border-radius: 24px;-webkit-border-radius: 24px;-khtml-border-radius: 24px;border-radius: 24px;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;transition: all .2s ease;} .pdfs a:hover {color: white;background-color: #0081C8;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;transition: all .2s ease;padding: 9px 23px 8px 23px;margin: 0px 6px 0px 0px; } .pt-cv-ctf-hero_image .pt-cv-ctf-value img {min-height: 227px !important;object-fit: cover !important; } /* Polls Grid 9.12.22 */ .pt-cv-ifield.pt-cv-ctf-list.col-md-12.pt-cv-ctf-column.pt-cv-custom-fields.pt-cv-ctf-hero_image { xbackground-color: green !important; xborder:1px solid red !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; } /* HERO IMAGE */ .pollitems .pt-cv-ctf-hero_image { object-fit: cover !important; height: auto; position: relative; display:block !important; overflow: hidden !important; xmargin-bottom:20px !important; xborder:2px solid red; xbackground-color: yellowgreen !important; padding: 0px 0px 30px 0px !important; xwidth: auto; xheight: auto; xmax-width: 100%; xmax-height: 100%; xposition: absolute; xtop: 0; xbottom: 0; xleft: 0; xright: 0;} /* ENTRY DATE */ .pollitems .pt-cv-meta-fields { position: absolute !important; top: 236px !important; height: 15px; display: block; padding: 0px 0px 0px 0px !important; text-align: center !important; width: 403px; margin: 10px 0px 0px 0px !important; width: 100%; } /* TITLE */ .pollitems .pt-cv-title { position: absolute; height: 45px !important; display:block !important; top: 266px; width: 100%;} /* PARTNER */ .pollitems .pt-cv-ctf-list .pt-cv-ctf-column .pt-cv-ctf-partner .pt-cv-ctf-value { margin: 0 auto !important; text-align: center; position: relative; top: 70px;} .pollitems .pt-cv-ctf-list .pt-cv-ctf-column .pt-cv-ctf-subhead .pt-cv-ctf-value { position: relative; top: 10px;} /* READ MORE */ .pollitems .pt-cv-content .pt-cv-readmore { position: absolute; top: 131px; display:block; } .pollitems .pt-cv-content { display:block !important; height: 480px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #pt-cv-view-6195dfbdfv .pt-cv-readmore { padding: 430px 0px 0px 0px; margin: -415px auto 33px auto !important; height: 430px; width: 100% !important;} #pt-cv-view-6195dfbdfv .pt-cv-readmore:hover { background-color: transparent !important;} /*8888b. 888 888 d8888 8888888b. 88888888888 .d8888b. d88P Y88b 888 888 d88888 888 Y88b 888 d88P Y88b 888 888 888 888 d88P888 888 888 888 Y88b. 888 8888888888 d88P 888 888 d88P 888 "Y888b. 888 888 888 d88P 888 8888888P" 888 "Y88b. 888 888 888 888 d88P 888 888 T88b 888 "888 Y88b d88P 888 888 d8888888888 888 T88b 888 Y88b d88P "Y8888P" 888 888 d88P 888 888 T88b 888 "Y8888*/ .data-set-legend {display: none;} .chart { grid-area: chart; background-color: #F2F2F2; padding: 15px; -moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px; width: 500px; margin: 0px 0px 20px 0px; float: right; margin-left: 39px; } .followup .chart { background-color: #F2F2F2; padding: 15px; -moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px; width: auto; margin: 0px 0px 20px 0px; float: none; margin-left: 0 !important; } .chart-title {font-size:20px; text-align: center; padding: 0px 0px 8px 0px; font-weight: 700; color: #336699 ;} .chart-sub {font-size: 14px; text-align: center; padding: 0px 15px 15px 15px;} .weblator-chart-container ul.weblator-chart-legend.tm, .weblator-chart-container ul.weblator-chart-legend.bm { text-align: left !important; margin: 0px 0px 0px -18px !important;} .weblator-chart-legend {padding: 20px 0px 20px 20px !important; } .weblator-chart-legend li {line-height: 20px !important; margin: 0px 0px 5px 22px; } .chart-source { font-size: 11px; line-height: 1.4; text-align: right; background: url(img/mp.svg) no-repeat 8px 22px; background-size: 35px; padding: 20px 7px 0px 60px; } .secondarychart { margin: 0px auto 20px auto; background-color: #F2F2F2; padding: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } .single-polls .entry .secondarychart p em { background: url(img/mp.svg) no-repeat 12px 22px; background-size: 35px; font-size: 11px; font-style: normal; line-height: 1.4; text-align: right !important; padding: 20px 20px 0px 330px; margin: -15px 0px 0px 0px; display: block; } .single-polls .entry .secondarychart p { text-align: center; font-size: 15px !important; margin: 0px 0px 40px 0px; } .secondarychart .planet-charts-container { margin: -12px 0px 0px 0px; } .secondarychart h3 { font-size: 20px !important; text-align: center; padding: 0px 0px 0px 0px; font-weight: 700; color: #336699; margin: 30px auto 12px auto; } .secondarychart-source { text-align: left; font-size: 11px; background: url(img/mp.svg) no-repeat 0px 22px; background-size: auto; padding: 20px 0px 8px 40px; background-size: 35px; margin: -45px 0px 40px 0px; } /*888 888b d888 8888888888 8888888b. 8888888 .d8888b. d8888 888b 888 .d88888b. 888 888 d88888 8888b d8888 888 888 Y88b 888 d88P Y88b d88888 8888b 888 d88P" "Y88b 888 o 888 d88P888 88888b.d88888 888 888 888 888 888 888 d88P888 88888b 888 888 888 888 d8b 888 d88P 888 888Y88888P888 8888888 888 d88P 888 888 d88P 888 888Y88b 888 888 888 888 d888b 888 d88P 888 888 Y888P 888 888 8888888P" 888 888 d88P 888 888 Y88b888 888 888 888d88888b888 d88P 888 888 Y8P 888 888 888 T88b 888 888 888 d88P 888 888 Y88888 888 888 88888P Y88888 d8888888888 888 " 888 888 888 T88b 888 Y88b d88P d8888888888 888 Y8888 Y88b. .d88P 8888P Y8888 d88P 888 888 888 8888888888 888 T88b 8888888 "Y8888P" d88P 888 888 Y888 "Y88888P" 888P Y8*/ .single-america-now .poll-container main {width: 1050px;} .superh2 {font-size: 30px !important;line-height: 1.2; } .page-america-now-index .hero .pt-cv-mask { margin: -20px 0px 0px 0;} .pt-cv-content strong { display:none !important; } .page-america-now-index #pt-cv-view-7f05144q9g .pt-cv-readmore { font-size: 14px !important; line-height: 1.3 !important; color: #7cae57 !important; font-weight: 600 !important; text-transform: uppercase !important; float: none; display: block !important; text-align: center !important; clear: both !important; margin: 324px 0px 0px 0px; } .page-america-now-index .page-template-archive-polls .newsgrid .pt-cv-content a.pt-cv-readmore { position: relative !important; xmargin: 0px auto 0px auto !important; text-align: center !important; top: 13px !important; } .single-america-now .poll-container .hero .attachment-post-thumbnail { z-index: -500 !important; position: relative; } .single-america-now .poll-container { background: url(https://maristpoll.marist.edu/wp-content/uploads/2021/11/americanow.svg) no-repeat center 85px; z-index: 1000 !important; background-size: 830px } .metrix {margin: 45px 0px 0px 0px !important;} .metrix p { line-height: 1.2; margin: 0 0px 21px 0px; height: 37px; } .single-america-now .wp-block-separator.is-style-wide {margin: 50px 0px 61px 0px;} .section figure {width: 280px; margin: 0 auto !important; text-align: center!important;} /* 536 */ @media screen and (max-width: 767px) { .single-america-now .poll-container { background: url(https://maristpoll.marist.edu/wp-content/uploads/2021/11/americanow.svg) no-repeat center 55px; z-index: 1000 !important; background-size: 320px; } .single-america-now .poll-container main {width: 680px;} .metrix figure { width: 70px; float: left; display: block; text-align: left !important; display: flex; flex-direction: row; padding: 0px 10px 0px 0px; } .metrix p { xline-height: 1.2; xmargin: 0px 0px 41px 72px; xheight: 56px !important; } .metrix p { line-height: 1.2; margin: 13px 0px -9px 72px !important; height: 56px !important; } .section figure {width: 280px; margin: 0 auto 20px auto !important; text-align: center!important;} .single-america-now .wp-block-separator.is-style-wide {margin: 25px 0px 30px 0px;} a .pt-cv-thumbnail { xborder:10px solid red !important; background-size: 660px !important ; height: 460px !important;} } /* END 536 */ /* 600 */ @media screen and (max-width: 535px) { .single-america-now .pdfs { margin: 50px auto -80px auto;} .single-america-now .poll-container main {width: 375px;} .single-america-now .poll-container { background: url(https://maristpoll.marist.edu/wp-content/uploads/2021/11/americanow.svg) no-repeat center 25px; z-index: 1000 !important; background-size: 320px; } .metrix figure { width: 70px; float: left; display: block; text-align: left !important; display: flex; flex-direction: row; padding: 0px 10px 0px 0px; } .metrix p { line-height: 1.2; margin: 0px 0px 41px 72px; height: 56px !important; } .section figure {width: 280px; margin: 0 auto 20px auto !important; text-align: center!important;} .single-america-now .wp-block-separator.is-style-wide {margin: 25px 0px 30px 0px;} .page-america-now-index #pt-cv-view-7f05144q9g .pt-cv-readmore {margin: -40px auto 0px auto !important;} } /* END 600 */ @media (min-width: 536px) and (max-width: 680px) { .single-america-now .poll-container main {width: 500px;} } @media (min-width: 768px) and (max-width: 1024px) { .single-america-now .poll-container { background: url(https://maristpoll.marist.edu/wp-content/uploads/2021/11/americanow.svg) no-repeat center 65px; background-size: auto; z-index: 1000 !important; background-size: 680px; } .poll-container { grid-template-rows: 349px 1fr;} } @media (min-width: 768px) and (max-width: 1080px) { .single-america-now .poll-container main {width: 760px;} .section figure {width: 230px;} .metrix {margin: 27px 0px 0px 0px !important;} .metrix p { line-height: 1.2; margin: 0 0px 21px 0px; height: 22px; } } /* END 1080px */ /* -------------------------- THAT FUCKIN GRID -------------------------- */ @media (min-width: 768px) and (max-width: 3500px) { /* THE MAIN CONTAINER */ .page-template-archive-polls .newsgrid .pt-cv-ifield { height: 499px;} /* thumb */ .page-template-archive-polls .newsgrid .pt-cv-ctf-hero_image { xmax-width: 500px; xheight: 240px !important; xoverflow: hidden; } .page-template-archive-polls .newsgrid .pt-cv-ctf-hero_image { max-width: 500px; max-height: 227px !important; overflow: hidden !important; object-fit: cover !important; display: flex; align-items: center; } /* date */ .page-template-archive-polls .newsgrid .pt-cv-meta-fields { margin: -5px 0 12px 0; xborder:1px solid blue; } /* title */ .page-template-archive-polls .newsgrid .pt-cv-ifield .pt-cv-title { xbackground-color: green; } /* subhead THIS IS THE ONE THATS TROUBLE */ .page-template-archive-polls .newsgrid .pt-cv-ctf-subhead { position: absolute; margin: 110px auto 0px auto !important; left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important; width: 360px; xbackground-color: lightblue; } /* Excerpt */ .page-template-archive-polls .newsgrid .pt-cv-ctf-subhead .pt-cv-ctf-value { text-align: center !important; width: 400px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; } /* READ MORE Part 1 */ .page-template-archive-polls .newsgrid .pt-cv-readmore { position: relative; width: 360px !important; xbackground-color: pink; } /* READ MORE Part 2 */ .page-template-archive-polls .newsgrid .pt-cv-content a.pt-cv-readmore { position: absolute; xmargin: 0px auto 0px auto !important; text-align: center !important; xtop: 73px; height: 30px; left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important; width: 360px; xbackground-color: pink; } } /* emd 768 3500 */ .single-post .entry ul {margin-left: 0em !important;} .single-post .entry li {left: 0em !important;} .pt-cv-clear-pagination {margin-bottom: 0 !important;} .searchsection {margin-bottom: 0px !important; padding: 0px 10px 0px 10px;} /*88888b. d8888 .d8888b. 8888888888 .d8888b. 888 Y88b d88888 d88P Y88b 888 d88P Y88b 888 888 d88P888 888 888 888 Y88b. 888 d88P d88P 888 888 8888888 "Y888b. 8888888P" d88P 888 888 88888 888 "Y88b. 888 d88P 888 888 888 888 "888 888 d8888888888 Y88b d88P 888 Y88b d88P 888 d88P 888 "Y8888P88 8888888888 "Y8888*/ .page-id-54997 .offer h3 { xborder:1px solid red; font-size: 30px !important; font-weight: 600 !important; line-height: 1.2;} .page-methods main { margin: 0 auto; } .page-template-technical .entry { max-width: 970px !important; margin: 0 auto !important; padding: 0px 20px; } .page-template-default .entry { width: 1200px !important; margin: 0 auto !important; } .page-blog .entry { width: 100% !important; margin: 0 auto !important; } /*News Page */ .post-date {text-align: center;} /* News Posts */ .single-post .printfriendly {xmargin: -113px 0px 0px 0px; } .wp-block-image { margin: 0 !important;} /*8b d888 8888888888 88888888888 888 888 .d88888b. 8888888b. .d8888b. 8888b d8888 888 888 888 888 d88P" "Y88b 888 "Y88b d88P Y88b 88888b.d88888 888 888 888 888 888 888 888 888 Y88b. 888Y88888P888 8888888 888 8888888888 888 888 888 888 "Y888b. 888 Y888P 888 888 888 888 888 888 888 888 888 "Y88b. 888 Y8P 888 888 888 888 888 888 888 888 888 "888 888 " 888 888 888 888 888 Y88b. .d88P 888 .d88P Y88b d88P 888 888 8888888888 888 888 888 "Y88888P" 8888888P" "Y8888*/ .page-methods .wp-block-cover h2 { font-size: 38px !important; line-height: 2.5rem; font-weight: 700; margin: -20px auto 30px auto; border-bottom: 1px solid white; margin: 0px auto 23px auto; max-width: 400px; padding-bottom: 23px; } /*888 888888b. .d88888b. 888 888 88888888888 d88888 888 "88b d88P" "Y88b 888 888 888 d88P888 888 .88P 888 888 888 888 888 d88P 888 8888888K. 888 888 888 888 888 d88P 888 888 "Y88b 888 888 888 888 888 d88P 888 888 888 888 888 888 888 888 d8888888888 888 d88P Y88b. .d88P Y88b. .d88P 888 d88P 888 8888888P" "Y88888P" "Y88888P" 8*/ .page-template-about .featured img {height: 450px; overflow: hidden; object-position: center 66%;} .page-template-about .entry {width: 930px; margin: 0 auto;} .page-template-about h2, h3 { color: #DA1A35; } .page-template-about h2 { border-bottom: 1px solid #DA1A35; font-size: 34px !important; padding: 0 0 30px 0; width: 520px; margin: 30px auto 30px auto; } .page-template-about h3 { font-size: 18px !important; margin: 45px auto 12px auto; } .page-template-about .entry img { border-bottom: 8px solid #DA1A35 !important; } .page-news-2 .title { display: none; } .page-polls-2 .title { display: none; } .page-america-now-index-2 .title { display: none; } /*8888b. 888 8888888 8888888888 888b 888 88888888888 .d8888b. d88P Y88b 888 888 888 8888b 888 888 d88P Y88b 888 888 888 888 888 88888b 888 888 Y88b. 888 888 888 8888888 888Y88b 888 888 "Y888b. 888 888 888 888 888 Y88b888 888 "Y88b. 888 888 888 888 888 888 Y88888 888 "888 Y88b d88P 888 888 888 888 Y8888 888 Y88b d88P "Y8888P" 88888888 8888888 8888888888 888 Y888 888 "Y8888*/ .page-template-clients main { width: 100%; } .wp-block-cover h2{font-size:38px !important;line-height:2.5rem;font-weight:700;margin:-20px 0px 30px 0px;} .page-template-clients h3 { color: white; font-size: 23px!important; } .page-template-clients main .wp-block-columns {width: 1000px;margin: 0 auto;} .featured img { height: 450px; overflow: hidden; } .featured-content h2 { color: white; margin: -340px 0px 20px 0px; font-size: 46px!important; } .featured-content p { color: white; font-size: 27px; line-height: 36px !important; font-weight: bold; margin: 0px 0px 30px 0px; } .strip-blue { padding: 36px 0px 57px 0px !important; background-color: #001036; } .strip-blue h2{color:white;font-size:40px !important;margin:18px auto 16px auto !important;line-height:38px;} .strip-blue p { color: white; font-size: 16px !important; } .strip-white { padding: 30px 0px 60px 0px !important; } .strip-white h2 { color: #000F35; font-size: 40px!important; margin: 18px 0px 28px 0px; } .offer h2{color:white;font-size:40px !important;margin:18px auto 5px auto !important;padding:0px 0px 30px 0px;} hr.newsep{width:570px;border:1px solid white;} .offer h3{padding:22px 0px !important;font-size:26px !important;margin:0px 0px 0px 0px;} .offerlist p {color: white; font-size: 20px !important; xine-height: 40px !important; padding: 30px 0px 60px 0px !important; } .offerlist p { font-size: 20px; line-height: 36px !important; font-weight: bold; } .random { border: 1px solid white; padding: 40px 60px; font-size: 16px; line-height: 50px !important; margin: 0px 0px 50px 0px; } .details ul li { color: white !important; } .details { margin: 0px 0px 50px 0px !important; } .page-client-services .featured { margin: -35px auto 35px auto; } .js-carrousel {background-color: #001036;margin: 20px 0px 30px 0px;width: 800px;margin: 0 auto;color: white;padding: 40px;} .js-carrousel h3 {background-color: #001036;padding: 10px;text-align: center;font-size: 42px !important;} .js-carrousel p {color: white; padding: 0px 30px 0px 30px;} .js-carrousel li {line-height: 25px;} .mb0 { margin-bottom: 0; } .relative { position: relative; } .mod--hidden { overflow: hidden; } /*.carrousel__content[aria-hidden=true] {white-space: normal;}*/ /* ------------------ example styles ------------------ */ .relative { position: relative; } .mod--hidden { overflow: hidden; } .pb1 { padding-bottom: 1em; } .news-carrousel__container {white-space: nowrap;} .news-carrousel__control__list {position: absolute;list-style-type: none;top: 100%;right: 0;left: 0;margin-top: 20px;padding-left: 0;text-align: center;} .news-carrousel__control__list__item {display: inline-block;margin: 0 .5em;} .news-carrousel__control__list__link {display: inline-block;width: 1em;height: 1em;background: #fff;border: none !important;border-radius: 1em;cursor: pointer;} .news-carrousel__button-container {position: absolute;} .news-carrousel__button__previous {top: 50%;margin-top: -18px;left: 0;margin-left: -65px;} .news-carrousel__button__next {top: 50%;margin-top: -18px;right: 0;margin-right: -65px;} .news-carrousel__button__button {margin: 0;padding: 0;background: transparent;border: 0;cursor: pointer;} /* ------------------ transition slide ------------------ */ .slide .carrousel__content {display: inline-block;vertical-align: top;visibility: visible;width: 100%;position: relative;-webkit-transition: visibility 0s ease, transform .5s ease-in;transition: visibility 0s ease, transform .5s ease-in;-webkit-transition-delay: 0;transition-delay: 0;white-space: normal;} [data-carrousel-active-slide="1"].slide > .carrousel__content {-webkit-transform: translateX(0);transform: translateX(0);} [data-carrousel-active-slide="2"].slide > .carrousel__content {-webkit-transform: translateX(-100%);transform: translateX(-100%);} [data-carrousel-active-slide="3"].slide > .carrousel__content {-webkit-transform: translateX(-200%);transform: translateX(-200%);} [data-carrousel-active-slide="4"].slide > .carrousel__content {-webkit-transform: translateX(-300%);transform: translateX(-300%);} [data-carrousel-active-slide="5"].slide > .carrousel__content {-webkit-transform: translateX(-400%);transform: translateX(-400%);} [data-carrousel-active-slide="6"].slide > .carrousel__content {-webkit-transform: translateX(-500%);transform: translateX(-500%);} [data-carrousel-active-slide="7"].slide > .carrousel__content {-webkit-transform: translateX(-600%);transform: translateX(-600%);} [data-carrousel-active-slide="8"].slide > .carrousel__content {-webkit-transform: translateX(-700%);transform: translateX(-700%);} [data-carrousel-active-slide="9"].slide > .carrousel__content {-webkit-transform: translateX(-800%);transform: translateX(-800%);} [data-carrousel-active-slide].slide > [aria-hidden="true"].carrousel__content {visibility: hidden;-webkit-transition-delay: .5s, 0s;transition-delay: .5s, 0s;} /* ------------------ transition fade ------------------ */ .fade .carrousel__content {-webkit-animation: fadein 1s;animation: fadein 1s;white-space: normal;} .fade .carrousel__content[aria-hidden=true] {-webkit-animation: fadeout 1s;animation: fadeout 1s;} .fade .carrousel__content[aria-hidden=true] {display: none;} @-webkit-keyframes fadeout { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }} @keyframes fadeout { 0% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }} @-webkit-keyframes fadein { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }} @keyframes fadein { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }} /* ------------------ transition none ------------------ */ .none .carrousel__content {white-space: normal;} .none .carrousel__content[aria-hidden=true] {display: none;} /* ------------------ State rules ------------------ */ .news-carrousel__control__list__link:focus, .news-carrousel__control__list__link:hover, .news-carrousel__control__list__link:active, .news-carrousel__control__list__link[aria-selected=true] {background: #0081C8;} .news-carrousel__control__list__link:focus, .news-carrousel__control__list__link:hover, .news-carrousel__control__list__link:active { outline: 1px solid #002855 !important;} .lastblock {margin-bottom: -80px;} .howbox {padding: 30px 0px 0px 0px; } .saucebox {padding: 70px 0px 0px 0px; } .whybox {padding: 90px 0px 0px 0px; } /*8888b. .d88888b. 888 888 8888888888 .d8888b. 8888888888 d88P Y88b d88P" "Y88b 888 888 888 d88P Y88b 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 8888888 888 8888888 888 888 888 888 888 888 888 88888 888 888 888 888 888 888 888 888 888 888 888 Y88b d88P Y88b. .d88P 888 888 888 Y88b d88P 888 "Y8888P" "Y88888P" 88888888 88888888 8888888888 "Y8888P88 88888888*/ .page-college-to-career-internships h2 { font-size: 30px !important; padding: 0px 0px 0px 0px; margin: 0px 0px 18px 0px; } .page-college-to-career-internships h3 { color: white !important; font-size: 17px !important; padding: 0px 0px 0px 0px; margin: -50px 0px 10px 0px; } .page-college-to-career-internships .page-container { background-color: #E5E5E5;} .college-box {padding: 0 50px;} .college-box1 { padding: 10px 0px 0px 0px;color: white !important; font-size: 16px; line-height: 1.3rem !important; } .college-box2 { padding: 30px 0px 0px 0px;color: white !important; font-size: 16px; line-height: 1.3rem !important; } .college-box3 { padding: 25px 0px 0px 0px;color: white !important; font-size: 16px; line-height: 1.3rem !important; } .college-box p { font-size: 16px; line-height: 1.3rem !important; } .page-college-to-career-internships .wp-block-image { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .page-college-to-career-internships main { margin-bottom: -60px; } .page-college-to-career-internships main {xwidth: 1200px; margin: 0 auto; } /*8888 .d88888b. 888888b. .d8888b. "88b d88P" "Y88b 888 "88b d88P Y88b 888 888 888 888 .88P Y88b. 888 888 888 8888888K. "Y888b. 888 888 888 888 "Y88b "Y88b. 888 888 888 888 888 "888 88P Y88b. .d88P 888 d88P Y88b d88P 888 "Y88888P" 8888888P" "Y8888P" .d88P d88P*/ .page-jobs .title { display: none; } .page-jobs h2 { color: black !important; font-size: 30px !important; padding: 15px 0px 0px 0px; margin: 0px 0px 18px 0px; } .page-jobs h3 { color: black !important; font-size: 22px !important; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; } .page-jobs p { color: #53565A !important; } .page-jobs .wp-block-image { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .page-jobs main {margin: 0 auto;background-color: #E5E5E5;} .page-template-college main .wp-block-button { margin-top: 20px;} .page-newsfeed-application .entry {width: 100% !important;margin: 0 auto !important;} .page-research-application .entry {width: 100% !important;margin: 0 auto !important;} .page-survey-center-application .entry {width: 100% !important;margin: 0 auto !important;} .page-template-college .wp-block-column.is-vertically-aligned-center {margin-left: 0em !important;} .page-template-college .wp-block-column:not(:first-child) {margin-left: 0em !important; } .page-template-college .wp-block-image img {width: 100% !important; height: 100%; } @media only screen and (max-width : 3000px) { .jobs-image-column {flex-basis: 66% !important;-webkit-transition: all .5s ease; /* Safari and Chrome */-moz-transition: all .5s ease; /* Firefox */transition: all .5s ease;} .jobs-text-column {flex-basis: 34% !important;} } /* end 1280 */ @media only screen and (max-width : 1024px) { .page-template-college .wp-block-column.jobs-image-column {flex-basis: 100% !important; display: block !important; } .page-template-college .wp-block-column.jobs-text-column {flex-basis: 100% !important;display: block !important;} .college-box {padding: 20px 15px 0 15px !important;} } /* end 10024 */ /* COLLEGE TEMPLATE */ .page-jobs .last-block { margin-bottom: -3px !important;} .page-college-to-career-internships .last-block { margin-bottom: -15px !important;} .frm_message { text-align: center;font-size: 18px !important; background-color: #002855 !important;} .frm_message p{ color: white !important;font-weight: 700;} .frm_button_submit { font-family: 'Montserrat', sans-serif !important; font-size: 21px !important; padding: 9px 80px !important; background-color: #002855 !important; font-weight: bold !important; line-height: 25px; -moz-border-radius: 24px !important; -webkit-border-radius: 24px !important; -khtml-border-radius: 24px !important; border-radius: 24px !important; -webkit-transition: all .2s ease; /* Safari and Chrome */-moz-transition: all .2s ease; /* Firefox */transition: all .2s ease; } .frm_button_submit:hover {-webkit-transition: all .2s ease; /* Safari and Chrome */-moz-transition: all .2s ease; /* Firefox */transition: all .2s ease;padding: 9px 81px 9px 87px !important;margin-left:8px;background-color: #002855 !important; color: white !important;} /*88888b. .d88888b. 8888888b. .d8888b. d8888 .d8888b. 88888888888 888 Y88b d88P" "Y88b 888 "Y88b d88P Y88b d88888 d88P Y88b 888 888 888 888 888 888 888 888 888 d88P888 Y88b. 888 888 d88P 888 888 888 888 888 d88P 888 "Y888b. 888 8888888P" 888 888 888 888 888 d88P 888 "Y88b. 888 888 888 888 888 888 888 888 d88P 888 "888 888 888 Y88b. .d88P 888 .d88P Y88b d88P d8888888888 Y88b d88P 888 888 "Y88888P" 8888888P" "Y8888P" d88P 888 "Y8888P" 8*/ .pollhub-hero {background-color: #0081C8;padding:0;margin: 0px 0px 30px 0px;} .xpollhub-hero-graphic {xbackground: url(img/poll-hub.jpg) no-repeat;background-size: cover;} .pollhub-hero-graphic {background: url(img/podcast3.jpg) no-repeat;background-size: cover;} .pollhub-hero .wp-block-columns {xwidth: 1200px; margin: 0 auto !important;height: 450px;} .pollhub-connector { margin: 0 auto !important; padding: 0px 0px 0px 11px; } .pollhub-connector h2 {color: white !important;font-size: 29px !important;margin: 20px auto 24px auto;border-bottom: 1px solid white;padding: 0px 0px 27px 0px;width: 263px;}.pollhub-connector p { color: white !important; font-size: 16px !important; font-weight: 700; line-height: 25px; } .entry .pollhub-connector ul { width: 330px; padding:0px; margin: 0 auto !important; } .entry .pollhub-connector li { background-color: #138ACC; left: 0 !important; list-style: none; display: inline-block; text-indent: -999em; padding:0px; margin:0px; } .entry .pollhub-connector li:hover { background-color: #003366; } .apple a { display:block; background: url(img/1apple.png) no-repeat 0px 0px; width: 130px; height: 38px;} .spotify a { display:block; background: url(img/2spotify.png) no-repeat 0px 0px; width: 89px; height: 38px;} .stitcher a { display:block; background: url(img/3stitcher.png) no-repeat 0px 0px; width: 111px; height: 38px;} /* Podcast Player and Contnet */ .simcast_episode {margin: 0px auto 50px auto;max-width: 1200px;display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 20px auto 1fr 20px;gap: 30px 30px;grid-template-areas: "player-controls sm_date" "player-controls title-header" "player-controls sm_desc" "player-controls sm_cta"; } .player-controls {grid-area: player-controls; } .sm_date {grid-area: sm_date;font-size: 12px;margin: -7px 0px 0px 0px; } .title-header {grid-area: title-header;margin: -40px 0px 0px 0px;font-size: 36px !important; } .title-header h2 { font-size: 24px !important; } .sm_desc {grid-area: sm_desc;margin: -40px 0px 0px 0px;font-size: 16px !important;} .sm_cta {grid-area: sm_cta;margin: -30px 0px 0px 0px;} .sm_cta a {color: #62A53B !important;font-size: 15px;} .title-header img { display: none !important; } @media only screen and (max-width : 1024px) { .pollhub-hero .wp-block-columns {width: 930px;height: 370px;margin: 0 auto !important;} .pollhub-connector {margin: 0 auto 20px auto !important; padding: 0px 0px 0px 11px; } .pollhub-hero-graphic {grid-area: graphic;background: url(img/poll-hub.jpg) no-repeat center !important;background-size: 100% !important;align-content: center;} .entry .pollhub-connector li {left: 0px !important;} .pollhub-connector p { font-size: 15px !important; } } /* emd 1024 */ @media (min-width: 768px) and (max-width: 925px) { .wp-block-column:not(:first-child) {margin: 0 !important;} .pollhub-hero .wp-block-columns {width: 100% !important;height: 380px;margin: 0 auto !important; } .pollhub-connector {margin: 0 auto !important;padding: 20px 0 20px 20px !important;flex-basis: 60% !important;} .pollhub-hero-graphic {background: url(img/poll-hub.jpg) no-repeat center !important;background-size: 80% !important;align-content: center;} } /* emd 865 */ /* originally 767 */ @media only screen and (max-width : 781px) { .pollhub-hero .wp-block-columns {width: 100% !important;height: 560px;padding-bottom: 10px !important;margin: 0 auto !important; } .pollhub-hero .wp-block-columns {margin: 0 auto !important;display: grid;grid-template-rows: 200px 320px;grid-template-areas: "graphic" "podtext" !important;} .wp-block-column:nth-child(2n) {margin: 0em !important;} .pollhub-hero-graphic {grid-area: graphic;background: url(img/poll-hub.jpg) no-repeat center !important;background-size: 100% !important;align-content: center;height: 231px !important;} .pollhub-connector {grid-area: podtext;margin: 0 auto !important;padding:20px 10px 50px 10px !important ;margin: 50px auto 0px auto !important;} .simcast_episode {margin: 0px 0px 50px 0px;display: grid;grid-template-columns: 1fr;grid-template-rows: auto auto auto auto 20px;grid-template-areas: "player-controls" "sm_date" "title-header" "sm_desc" "sm_cta"; } .pollhub-hero { width: 100%; height: 520px; } } /* emd 767 */ /* 8888b. .d88888b. 888b 888 88888888888 d8888 .d8888b. 88888888888 d88P Y88b d88P" "Y88b 8888b 888 888 d88888 d88P Y88b 888 888 888 888 888 88888b 888 888 d88P888 888 888 888 888 888 888 888Y88b 888 888 d88P 888 888 888 888 888 888 888 Y88b888 888 d88P 888 888 888 888 888 888 888 888 Y88888 888 d88P 888 888 888 888 Y88b d88P Y88b. .d88P 888 Y8888 888 d8888888888 Y88b d88P 888 "Y8888P" "Y88888P" 888 Y888 888 d88P 888 "Y8888P" 8*/ .big-underline {border-bottom: 1px solid white;width: 520px;margin: 0px auto 22px auto;line-height: 80px;} .contact-desc {width: 720px;margin: 0 auto;font-size: 17px;} .contact-desc a {color: white;} .contact-desc-header {text-align: center; width: 720px; font-size: 17px;margin: 0 auto; } .page-methods .contact-desc a {color: black;} .page-contact .entry h2 {max-width: 350px;margin: 0 auto 30px auto;padding: 0 0 29px 0;border-bottom: 1px solid white;} /*88888888 .d88888b. .d88888b. 88888888888 8888888888 8888888b. 888 d88P" "Y88b d88P" "Y88b 888 888 888 Y88b 888 888 888 888 888 888 888 888 888 8888888 888 888 888 888 888 8888888 888 d88P 888 888 888 888 888 888 888 8888888P" 888 888 888 888 888 888 888 888 T88b 888 Y88b. .d88P Y88b. .d88P 888 888 888 T88b 888 "Y88888P" "Y88888P" 888 8888888888 888 T8*/ .footergrid { display: grid; xgrid-template-columns: 280px 200px 1fr; grid-template-columns: 280px 1fr; grid-template-rows: 70px 90px; gap: 10px 10px; grid-template-areas: "footerlogo footersearch footernav" "footermeta footermeta footermeta"; align-items: center; width: 1200px !important; margin: 31px auto 0 auto !important; } .footerlogo { grid-area: footerlogo; } footer { width: 100%; text-align: center !important; xborder-top: 1px solid black; margin: 30px auto 0px auto;} .home footer { width: 100%; text-align: center !important; border-top: none !important; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto;} .page-template-college footer {border-top: none !important;padding: 0px 0px 0px 0px !important;margin: 0px auto 0px auto !important;} .footerlogo a { margin: -16px 0px 0px 0px;height: 50px !important; text-indent: -999em; display: block; background: url(img/marist-poll.svg) no-repeat center left; background-size: 200px; } .footersearch { grid-area: footersearch; margin: 17px 0px 0px 0px; } .footersearch .fa-search { margin: 0px 0px 0px -276px; } .footersearch a { margin: 0px -150px 0px 20px; } .footersearch form { text-align: right; margin: -20px 30px 0px 0px; } .footersearch input { width: 260px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; padding: 4px 0px 4px 10px; color: #464646; font-size: 14px; border: 1px solid #9f9f9f;} .footersearch .search-submit {display: none;} .inpage { margin: 50px auto 0 auto !important;width: 260px; } .inpage input { width: 260px;-moz-border-radius: 12px;-webkit-border-radius: 12px;-khtml-border-radius: 12px;border-radius: 12px;padding: 4px 0px 4px 10px;color: #464646;font-size: 14px;border: 1px solid #9f9f9f;margin: 0 auto !important;} .footernav { text-align: right; grid-area: footernav; xborder:1px solid red; } .footernav li { display: inline; align-content: space-between; padding: 0px 0px 0px 10px; } .footernav li a { text-transform: uppercase; text-decoration: none; color: #464646; font-weight: bold; font-size: 15px; } .footernav a:hover{ color: #D81938; } .footermeta { font-family: 'Montserrat', sans-serif; grid-area: footermeta; text-align: right; line-height: 5px; margin: -20px 0px 50px 0px; } .footermeta p { margin: 0px 0px 0px 0px; line-height: 1.4rem; } .footermeta a { color: black; text-decoration: none; } .footermeta a:hover{ color: #D81938; text-decoration: none; } .footernav1 li { display: inline-block; align-content: flex-end; } footer .sociallinks { display: none; } .home .footergrid { margin: 40px auto 0 auto;} /* 8888b. .d88888b. .d8888b. 8888888 d8888 888 d88P Y88b d88P" "Y88b d88P Y88b 888 d88888 888 Y88b. 888 888 888 888 888 d88P888 888 "Y888b. 888 888 888 888 d88P 888 888 "Y88b. 888 888 888 888 d88P 888 888 "888 888 888 888 888 888 d88P 888 888 Y88b d88P Y88b. .d88P Y88b d88P 888 d8888888888 888 "Y8888P" "Y88888P" "Y8888P" 8888888 d88P 888 888888*/ .sociallinks {display: block;font-size: 22px;text-align: right;margin: 35px 0px 0px 0px; padding: 0 62px 0 0;} .sociallinks a { color: #494949; } .sociallinks a:hover { color: black; } .fa-search { margin: 0px 0px 0px 20px; } /* 8888b. 8888888888 d8888 8888888b. .d8888b. 888 888 d88P Y88b 888 d88888 888 Y88b d88P Y88b 888 888 Y88b. 888 d88P888 888 888 888 888 888 888 "Y888b. 8888888 d88P 888 888 d88P 888 8888888888 "Y88b. 888 d88P 888 8888888P" 888 888 888 "888 888 d88P 888 888 T88b 888 888 888 888 Y88b d88P 888 d8888888888 888 T88b Y88b d88P 888 888 "Y8888P" 8888888888 d88P 888 888 T88b "Y8888P" 888 8*/ .page-latest-polls .wp-block-column:not(:first-child) { margin-top: -7px !important;} .search-results .chart {display:none;} .searchtest {border:1px solid red; } /* Actual Search Results Page */ .search-results main {width: 800px; margin: 0 auto;} .searchform { margin: 0 0px 30px 0;margin: 40px auto;width: 360px;} .search-results main .title {text-align: left; margin: 50px 0 6px 0;} .search-results input {padding: 13px;} .search-results .submit {border:none;background-color: #001036;color: white;padding: 15px;} .search-results .submit:hover {background-color: #0080C8;} .nextprev { margin: 50px auto 0px auto; text-align: center;} .search-results .submit:hover {background-color: #0080C8;} .nextprev { margin: 50px auto 0px auto; text-align: center;} /*-------- Double Search in header https://www.prri.org ------------- */ .sociallinks .searchcontainer form {display:inline-block;text-align: center !important;} /* This is just the icon */ .searchcontainer { position: relative; display: inline-block; z-index: 1000; margin: -17px -12px 0px 0px !important; padding: 20px 6px 0px 20px; cursor:pointer !important;} .searchcontainer img {margin: 0px 0px -12px 0px;} /* Dropdown Content (Hidden by Default) */ .dropdown-content {display: none;position: absolute;z-index: 1;padding: 50px 30px 50px 30px;margin-top: -3px ;right: 20px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px; border-radius: 10px;} .dropforms {width: 689px;margin: 0px auto 0px auto; } .dropdown-content form {display: inline-flex;text-align: center !important;align-content: center;} .pollform {padding: 0px 0px 0px 18px; } .entry .pollform {padding: 0px 0px 0px 23px;border-left: 1px #b3b3b3 solid; } /* This is for BOTH input fields in the header */ .dropdown-content input {padding: 10px;width: 331px;color:black !important;margin-bottom: 10px;font-size: 17px;font-weight: 400 !important;text-align: left;background-color: #eaeaea;box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);border: 1px solid #d8d8d8 !important;} .searchcontainer:hover .dropdown-content {display: block;background-color: white;} /* INPUTS ON POLLS PAGE */ .entry .searchpolls input {font-size: 17px;font-weight: 400 !important;text-align: left;padding: 8px;background-color: #eaeaea;box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);border: 1px solid #d8d8d8 !important;width: 262px;} ::placeholder { /* Chrome, Firefox, Safari 10.1+ */ color: black !important; opacity: 1; /* Firefox */ } ::-ms-input-placeholder { /* Internet Explorer 10-11 */color: black!important; } ::-ms-input-placeholder { /* Microsoft Edge */ color: black !important;} .entry ::placeholder { /* Chrome, Firefox, Safari 10.1+ */ color: #404040 !important; opacity: 1;font-weight: 400; /* Firefox */ } .entry ::-ms-input-placeholder { /* Internet Explorer 10-11 */color: #404040!important; } .entry ::-ms-input-placeholder { /* Microsoft Edge */ color: #404040 !important;} /* Be sure to install Relevansi */ .searchpolls input { font-size: 18px; font-weight: bold !important; text-align: center; padding: 10px; background-color: #ECF0F1;border: none !important;} .columns-300 {min-height: 300px;} .columns-325 {min-height: 325px;} .columns-350 {min-height: 350px;} .alignleft { text-align: left; } .alignright { text-align: right; } .clear {clear: both;} .hide { display: none !important; } img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image { width: 100%; } .wp-block-embed {margin-bottom: 1em;margin: 0px 0px 30px 0px;} .stretch{ background-size: 200px 150px;} .stretch-content{ background-size: 100% 100%;} .resize-width{ background-size: 150px Auto;} .resize-height{ background-size: Auto 150px;} .resize-fill-and-clip{ background-size: cover;} .resize-best-fit{ background-size: contain;} img, table, iframe { border: 0!important; } .alignnone { margin: 3px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 3px auto 5px auto; } .alignright { float: right; margin: 3px 0 20px 20px; } .alignleft { float: left; margin: 3px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img .alignright { float: right; margin: 5px 0 20px 20px; } a img .alignnone { margin: 5px 20px 20px 0; } a img .alignleft { float: left; margin: 5px 20px 20px 0; } a img .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #bfbfbf; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption .alignnone { margin: 5px 20px 20px 0; } .wp-caption .alignleft { margin: 5px 20px 20px 0; } .wp-caption .alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p .wp-caption-text { font-size: 14px; line-height: 17px; margin: 0; padding: 10px 0 4px 0; } :target:before { content: ""; display: block; height: 150px!important; margin: -150px 0 0!important; } html { scroll-behavior: smooth; } /*Turn off Safri input rounding */ input {border-radius: 0; } input[type="search"] {-webkit-appearance: none; } .wp-block-image img { max-width: 100%; height: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* Pagination on web search page */ .last { display: none;} .pages { display: none;} .extend { display: none;} .current {font-size: 13px;padding: 6px 12px !important;line-height: 1.42857143;background-color: #00AEEF;color: white;} .wp-pagenavi span.current { border-color: #00AEEF !important; margin: 0px 10px 0px 10px;font-weight: 400 !important;} a.page.larger {color: #00AEEF;border:1px solid #DDDDDD !important;font-size: 13px !important;padding: 6px 12px !important;font-weight: 400 !important;} a.nextpostslink {color: #00AEEF;border:1px solid #DDDDDD !important;font-size: 13px;padding: 6px 12px !important;font-weight: 400 !important;} /*d8888b. 888 888 888888b. .d8888b. .d8888b. 8888888b. 8888888 888888b. 8888888888 d88P Y88b 888 888 888 "88b d88P Y88b d88P Y88b 888 Y88b 888 888 "88b 888 Y88b. 888 888 888 .88P Y88b. 888 888 888 888 888 888 .88P 888 "Y888b. 888 888 8888888K. "Y888b. 888 888 d88P 888 8888888K. 8888888 "Y88b. 888 888 888 "Y88b "Y88b. 888 8888888P" 888 888 "Y88b 888 "888 888 888 888 888 "888 888 888 888 T88b 888 888 888 888 Y88b d88P Y88b. .d88P 888 d88P Y88b d88P Y88b d88P 888 T88b 888 888 d88P 888 "Y8888P" "Y88888P" 8888888P" "Y8888P" "Y8888P" 888 T88b 8888888 8888888P" 88888888*/ .home h2.gform_title {color: #73A34A !important; font-size: 22px !important;} .home #field_3_1 input {padding: 9px 10px !important;border-radius: 5px;border: 1px solid grey !important;box-shadow: inset 0 0 0px 0px !important;} .home input[type="email"], email { background: white !important; } .gform_button { background-color: #73A34A ; color: white !important; border: 1px solid #73A34A !important; padding: 0px 20px !important; font-size: 18px !important; border-radius: 150px; font-weight: 600 !important; font-size: 24px !important; transition: all .2s ease; } .gform_button:hover {transition: all .2s ease;padding: 0px 26px;background-color: #73A34A ;border: 1px solid #73A34A !important;} .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) { line-height: 1.1; min-height: 43px;} .home .gform_confirmation_message h2 { font-size: 21px !important;margin: 10px 0px 5px 0px;padding: 0px 0px 0px 0px;} .home #field_3_1 input {width: auto !important;} .gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gform_footer {display: block !important; } /*----------------------------------- 768+ ---------------------------*/ @media (min-width: 768px) and (max-width: 3000px) { .subscribesection {width: 768px !important; margin: 30px auto 0 auto;} .home .gform_wrapper { display: grid; grid-template-columns: 360px 140px; grid-template-areas: "gform_heading gform_3";} .home .gform_heading {grid-area: gform_heading;margin: -10px 0px 0px -6px; } #gform_3 {grid-area: gform_3;} #gform_3 { display: grid; grid-template-columns: 250px 130px; grid-template-areas: "gform_body gform_footer";} .home. gform_body {grid-area: gform_body;} .home .gform_footer {grid-area: gform_footer !important; margin: -15px 0px 0px 0px !important;} .home .gform_confirmation_message h2 {font-size: 21px !important;line-height: 1.5;margin: 0px 0px 38px 0px;} } /*--------------------------------END 768+ ---------------------------*/ /*----------------------------------- 767 ---------------------------*/ @media (max-width: 767px) { .subscribesection {width: 375px !important;margin: 0 auto 20px auto !important;} .home .gform_wrapper {width: 350px!important;padding: 0px 0px 0px 0px !important;display: grid !important;grid-template-areas:"gform_heading""gform_body""gform_footer";} .home .gform_heading {width: 375px; grid-area: gform_heading !important;margin: 20px auto 15px auto !important;text-align: center !important;padding: 0px 0px 0px 0px;} .home h2.gform_title {padding: 0px 56px 19px 56px; font-size: 22px !important; line-height: 1.3;} .home .gform_body {grid-area: gform_body !important;margin: -40px auto 0 auto !important; text-align: center !important;} .home .gform_footer {grid-area: gform_footer !important;margin: 0 auto 0 auto !important;text-align: center !important;} .gform_button {margin: 0 auto !important; float: none !important;} .home ::-webkit-input-placeholder {text-align: center; } .home :-moz-placeholder { /* Firefox 18- */text-align: center; } .home ::-moz-placeholder { /* Firefox 19+ */text-align: center; } .home :-ms-input-placeholder {text-align: center; } .home .gform_confirmation_message h2 {font-size: 21px !important;line-height: 1.5;margin: 30px 0px 18px 0px;padding: 0px 50px;} } /*--------------------------------END 767 ---------------------------*/ /* This one counteracts the UL LI of the bullet points */ .home .gform_body ul li { position: relative; left: 0em !important; padding-right: 0em !important; } .home .gform_confirmation_message_1 { padding: 20px; background-color: #cadbcb; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; color: black; } button, input, select, textarea { color: black; } /*----------------------------------- END SUBSCRIBE ------------------------------------*/ /*88888888 .d88888b. 8888888b. 888b d888 888 d88P" "Y88b 888 Y88b 8888b d8888 888 888 888 888 888 88888b.d88888 8888888 888 888 888 d88P 888Y88888P888 888 888 888 8888888P" 888 Y888P 888 888 888 888 888 T88b 888 Y8P 888 888 Y88b. .d88P 888 T88b 888 " 888 888 "Y88888P" 888 T88b 888 8*/ /*---------- Highlights the form as you fill it out ----------*/ .entry .gform_body li { padding: 0px 0px 0px 0px; margin: 0px 0px -26px 0px; } /* GENERIC INPUT FIELDS */ .gform_fields input:focus { background: #cef1fb; } .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){ padding: 12px 13px !important;border-radius: 5px;border: 1px solid #5175a7 !important;box-shadow: inset 0 0 3px 0px #5175a7 !important; } /* SELECT AREA */ .gfield_select {padding: 10px !important;background: #dee7f4;border-radius: 5px;border: 1px solid #5175a7;box-shadow: inset 0 0 3px 0px #5175a7; } .gfield_select:focus { background: #cef1fb;} /* TEXT AREA */ input[type=text], textarea {background: #dee7f4;outline: none;padding: 10px !important;margin: 5px 1px 3px 0px;border: 1px solid #5175a7;box-shadow: inset 0 0 3px 0px #5175a7;border-radius: 5px;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;} input[type=email], email {background: #dee7f4;outline: none;padding: 10px !important;margin: 5px 1px 3px 0px;border: 1px solid #5175a7;box-shadow: inset 0 0 3px 0px #5175a7;border-radius: 5px;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;} textarea:focus { background: #cef1fb; } /* Some fields need some custom spacing */ /* Subject */ #field_1_5 { margin: 25px 0px 6px 0px !important; } /* Issue */ #field_1_7 { margin: 10px 0px 7px 0px !important; } /*---------- END Highlights the form as you fill it out END ----------*/ .page-survey-center-contact-form .gform_description { text-align: center !important; margin: 0px auto 20px auto !important; display:block; font-size: 18px !important; } .gform_confirmation_message h2 {font-size: 28px !important;} /* Open Surveys PAGE */ .page-open-surveys .wp-block-cover, .wp-block-cover-image { min-height: 410px !important; } .opensurveysbox { padding: 35px 0 0 0 !important; margin: 0px auto 20px auto !important; } .opensurveysbox .logocenter { margin: 0px auto 0 auto !important; display:block !important; border: 1px solid transparent; vertical-align: top !important; } .opensurveysbox .logocenter img { width: 350px; margin: -40px auto 0 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px 0px 10px 0px; border-bottom: 1px solid white !important; } .opensurveysbox h2 { xmargin-top: 20px; margin-bottom: 10px !important; xpadding-top: 40px; } .opensurveysbox p { margin: 0px auto 65px auto; } .page-open-surveys .width650 { font-size: 18px !important; width: 850px; margin: 0 auto; color: #001036 !important;} /* ------ Start media ------ */ @media (max-width: 767px) { .page-open-surveys .width650 {width: 350px;} .xopensurveysbox .wp-block-button a {padding: 10px 20px !important; } .xopensurveysbox .wp-block-button a {font-size: 15px !important;} .page-panel-recruitment .width651 {width: 350px !important; xborder:1px solid red !important; } } /* ------ End media ------ */ .page-panel-recruitment .width651 {width: 650px !important; margin: 0 auto; xborder:1px solid red !important; } .page-open-surveys .width650 h2 { font-size: 24px !important; line-height: 1.4; color: #001036 !important; margin-bottom: 35px; } .page-open-surveys .width650 li { line-height: 1.3; margin: 0px 0px 20px 0px; } .dataline {margin-bottom: 45px !important; xborder:1px solid red;display:block; } .columns-survey-group {display:none;} .logged-in .columns-survey-group {display:block;} .columns-survey-group { xbackground: #F0762D url(img/Learn.Home.bg.jpg) no-repeat center; padding: 30px 0px 30px 0px; background-color: #F0762D; background-size: cover ; } .columns-survey-group img {width: 250px !important;} .box-polling { padding: 12px 170px 25px 25px; } /*88888888 888 888 888 888 888 888 8888888 8888888b. 88888888888 888 888 888 888 888 888 888 888 o 888 888 888 "Y88b 888 888 888 888 888 888 888 888 888 d8b 888 888 888 888 888 888 888 8888888 888 888 888 888 888 d888b 888 888 888 888 888 8888888888 888 888 888 888 888 888d88888b888 888 888 888 888 888 888 888 888 888 888 888 88888P Y88888 888 888 888 888 888 888 888 Y88b. .d88P 888 888 8888P Y8888 888 888 .d88P 888 888 888 888 "Y88888P" 88888888 88888888 888P Y888 8888888 8888888P" 888 888 8*/ /*https://weblines.com.au/gutenberg-blocks-wide-alignment-full-width/ */ .entry-content .alignwide { margin-left : -80px; margin-right : -80px; } .entry-content .alignfull { margin-left : calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; } .alignfull img { width: 100vw; } /* .alignfull { width: 100vw; margin-left: calc(50% - 50vw); } */ /*----------------------------------- START MOBILE ------------------------------------*/ /*----------------------------------- START MOBILE ------------------------------------*/ /*----------------------------------- START MOBILE ------------------------------------*/ /*----------------------------------- START MOBILE ------------------------------------*/ /*----------------------------------- START MOBILE ------------------------------------*/ /*----------------------------------- START MOBILE ------------------------------------*/ /*----------------------------------- START MOBILE ------------------------------------*/ /*----------------------------------- START MOBILE ------------------------------------*/ /*88 d8888 888888888 .d8888b. d8888 d8P888 888 d88P Y88b 888 d8P 888 888 888 888 888 d8P 888 8888888b. 888 888 888 d88 888 "Y88b 888 888 888 8888888888 888 888 888 888 888 Y88b d88P Y88b d88P 8888888 888 "Y8888P" "Y8888*/ @media (max-width: 1450px) { .hero .pt-cv-mask { margin: 0px 0px 0px 0; width: 50% !important; padding: 0 0 0 50px; xbackground-color: green; } } /* END 1450 */ /*88 .d8888b. d8888 .d8888b. d8888 d88P Y88b d8P888 d88P Y88b 888 888 d8P 888 888 888 888 .d88P d8P 888 888 888 888 .od888P" d88 888 888 888 888 d88P" 8888888888 888 888 888 888" 888 Y88b d88P 8888888 888888888 888 "Y8888*/ @media (max-width: 1240px) { .single-polls .title {margin: 20px 0px 8px 0px !important; } .footermeta p { margin: 0px 0px 0px 0px; line-height: 1.34rem; font-size: 12px;} .poll-container main {width: 730px;margin: 0 auto;grid-template-columns: 50% 50%;grid-template-rows: auto auto auto;} .single-post main {width: 730px;margin: 0 auto;;padding: 0 20px 0 20px;display:block;} .entry .pollform { padding: 0px 0px 0px 23px; border-left: none !important;} .bullets {margin: 0 0px 20px -54px;} .chart {width:400px;float: right;margin-left: 39px;} .poll-container button {margin: 18px auto 16px auto !important;display: flex; } .single-polls .printfriendly {margin: 7px 0px 15px 0px;} .pollgreen {width: 100% !important;} .dropdown-content {margin-left: -1200px;width: 1100px !important;right: 20px;} .page-template-about .page-container {display: flex;align-items: center;justify-content: center;width: auto;margin: 0 auto;} /* OLD POLLS */ .pf-content {display: block;width: 730px;margin: 0 auto;} .footergrid {grid-template-columns: 210px 1fr;grid-template-rows: 70px 90px;gap: 0px 0px;grid-template-areas: "footerlogo footernav" "footersearch footermeta";align-items: center;width: 100% !important;margin: 0 auto;width: 100%;padding: 0 50px !important;} .footersearch input {width: 180px;} .footersearch {grid-area: footersearch;margin: -23px -79px 0px 0px;} /* COLLEGE TEMPLATE */ .page-jobs .last-block {padding-bottom: 50px !important;} .page-college-to-career-internships .last-block { padding-bottom: 50px !important;} .pollhub-hero .wp-block-columns {height: 370px;} .pollhub-connector {margin: 0 auto !important; padding: 0px 0px 0px 11px; } .jobs-image-column {flex-basis: 50% !important; } .jobs-image-column img {display: inline-flex;width: 175px;height: 175px;margin-right: 10px;} .jobs-text-column {flex-basis: 50% !important;} /* NEWS PAGE */ .single-post .print {width: 720px;} .single .title { margin: 30px auto 35px auto; width: 720px;} .grids { padding: 0 15px;} .pollform { padding: 0px 0px 0px 23px; border-left: none;} .pdf_data { margin: 0px auto 0px auto;} /* Single Poll base buttons */ .pdf_data:hover {margin: 0px 0px 0px 0px; } .baseutils { float: none; margin: 27px auto 0px auto; text-align: center;} .pdfs { margin: -2px 0px 10px 0px ;} .pdfs a { font-size: 14px; } .seeallpolls { font-size: 14px;} .printthispage { font-size: 14px;} .baseutils { text-align: right;} } /* ---------------------------- end 1240 ---------------------------- */ /* 888 d888 .d8888b. .d8888b. d8888 d8888 d88P Y88b d88P Y88b 888 888 888 888 888 888 888 888 Y88b. d888 Y88b. d888 888 888 "Y888P888 "Y888P888 888 888 888 888 888 888 Y88b d88P Y88b d88P 8888888 8888888 "Y8888P" "Y8888*/ @media (max-width: 1199px) { .grids {width: 100% !important;} /* Excerpt */ .page-template-archive-polls .newsgrid .pt-cv-ctf-subhead .pt-cv-ctf-value { width: 300px; margin: 0 auto !important; text-align: center !important; } } /* end 1199 */ /* 1025 1164 */ @media (min-width: 1025px) and (max-width: 1164px) { .page-template-archive-polls .newsgrid .pt-cv-ctf-hero_image {max-width: 500px;max-height: 189px !important ;overflow: hidden !important;object-fit: cover !important;display: flex;align-items: center;margin: 36px 0px 9px 0px !important;} .page-template-archive-polls .newsgrid .pt-cv-ctf-subhead { position: absolute; margin: 102px auto 0px auto !important; left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important; width: 100%; } } /* emd < 1024 1920 > */ /* 888 .d8888b. .d8888b. d8888 IPAD Portrait d8888 d88P Y88b d88P Y88b d8P888 888 888 888 888 d8P 888 888 888 888 .d88P d8P 888 888 888 888 .od888P" d88 888 888 888 888 d88P" 8888888888 888 Y88b d88P 888" 888 8888888 "Y8888P" 888888888 8*/ @media only screen and (max-width : 1024px) { /* HERO IMAGE */ .page-template-archive-polls .newsgrid .pt-cv-ctf-hero_image {max-width: 500px;max-height: 189px !important ;overflow: hidden !important;object-fit: cover !important;display: flex;align-items: center;margin: 36px 0px 9px 0px !important;} .page-template-archive-polls .newsgrid .pt-cv-ctf-subhead { position: absolute; margin: 132px auto 0px auto !important; left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important; width: 100%;} .page-template-college .wp-block-image img {width: 100% !important; height: 434px; object-fit: cover;} .methodbutton {margin-right: 20px !important;} /* Search Fields above Polls Grid */ /* Right Field */ .searchpolls #subNav__searchBox--survey {width: 225px;font-size: 15px !important;margin: 3px 0px 0px 0px;} /* Left Field */ .searchpolls #sitesearch .search-field {font-size: 15px !important;width: 225px !important;margin: 3px 0px 0px 20px; } /* End Search Fields above Polls Grid */ /* --------------- NEWS --------------- */ .single-container {display: block;grid-template-areas:"hero""printfriendly""main";width: 100% !important; } .single-container .hero img {height: 450px !important; } .single-post .hero {height: 240px !important;margin-bottom: 272px;} .single-post .printfriendly {margin: 0px 0px 0px 20px;} .single-post main {padding: 0 20px 0 20px;display:block;margin: 0 auto !important;} .single-post .single-container .entry {margin: 0 auto !important;width: 100% !important;} .single-container .entry .pf-content {width: 100% !important;margin: 0 auto !important;} .darkcard { font-size: 1.2rem; width: 100%; margin: 20px auto !important;} .single-post .printfriendly { margin: 23px 0px -28px 20px;} /* --------------- END NEWS --------------- */ .page-template-about .page-container {display: flex;align-items: center;justify-content: center;width: auto !important;margin: 0 auto;padding: 0 50px;} .page-template-about .entry {width: auto;} .page-template-clients main .wp-block-columns {width: 700px !important; padding: 0px 30px 0px 30px;margin: 0 auto 0 auto;} .js-carrousel {background-color: #001036;margin: 20px auto 30px auto;width: 600px !important;margin: 0 auto;color: white;padding: 40px;} .box-clientservices {padding: 49px 30px 25px 30px;} .box-pollhub {padding: 49px 30px 51px 30px;} .box-polling { padding: 34px 30px 25px 30px;} .box-who { padding: 20px 40px 38px 40px;} .box-jobs{ padding: 20px 40px 30px 40px;} .hero .pt-cv-mask { margin: 20px 0px 0px 0 ; padding: 0 0 0 50px; width: 65% !important;} /* CLIENTS PAGE SLIDESHOW (to be replaced) */ .js-carrousel h3 { font-size: 31px !important;} .single-america-now .hero img { height: 340px !important;} .page-search-survey-questions .page-container {width: 750px;margin: 0 auto;} .hero img {height: 350px !important;} .home .pt-cv-mask::before { xmargin: -110px 0px 0px 0px !important;} .grid-container {grid-template-rows: 425px 1fr;} .allpolls { margin: -70px 0px 0 46px;} } /* ---------------------------- end 1024 ---------------------------- */ /* 8888b. .d8888b. d888 d88P Y88b d88P Y88b d8888 888 888 888 888 888 Y88b. d888 Y88b. d888 888 "Y888P888 "Y888P888 888 888 888 888 Y88b d88P Y88b d88P 888 "Y8888P" "Y8888P" 88888*/ @media only screen and (max-width : 991px) { .width930 { width: 750px; margin: 0 auto; } .pt-cv-content-item:nth-child(9) {display:none !important; } /* HERO IMAGE */ .page-template-archive-polls .newsgrid .pt-cv-ctf-hero_image {margin: 0px 0px 0px 0px !important;} .page-template-archive-polls .newsgrid .pt-cv-ctf-subhead {position: absolute;margin: 102px auto 0px auto !important;left: 0 !important;right: 0 !important;margin-left: auto !important;margin-right: auto !important;width: 100%;} /* Search Fields above Polls Grid */ /* Right Field */ .searchpolls #subNav__searchBox--survey {width: 190px;font-size: 13px !important;margin: 3px 0px 0px 0px;} /* Left Field */ .searchpolls #sitesearch .search-field {font-size: 13px !important;width: 160px !important;margin: 3px 10px 0px 20px;} /* End Search Fields above Polls Grid */ main .wp-block-button__link { padding: 9px 40px !important;color: white;} main .wp-block-button__link:hover {padding: 9px 44px 9px 44px !important;margin-left:8px;} .hero .pt-cv-title { margin: 0px 0px 18px 0px !important; } } /* ---------------------------- end 991 ---------------------------- */ /*88888b. .d8888b. 888888888 d88P Y88b d88P Y88b 888 888 888 888 888 Y88b. d888 .d88P 8888888b. "Y888P888 .od888P" "Y88b 888 d88P" 888 Y88b d88P 888" Y88b d88P "Y8888P" 888888888 "Y8888*/ @media (max-width: 925px) { .width930 { width: 650px; margin: 0 auto; } .page-template-about .wp-block-column {padding: 0px 20px;} .client-subhead { font-size: 17px; font-weight: 700; width: 750px; margin: 0 auto 51px auto; line-height: 25px;} .howbox {padding: 30px 20px 0px 0px; } .saucebox {padding: 70px 0px 0px 20px; } .whybox {padding: 90px 20px 0px 0px; } } /* ---------------------------- end 925 ---------------------------- */ /* 8888b. 888888888 .d8888b. d88P Y88b 888 d88P Y88b Y88b. d88P 888 888 888 "Y88888" 8888888b. 888 888 .d8P""Y8b. "Y88b 888 888 888 888 888 888 888 Y88b d88P Y88b d88P Y88b d88P "Y8888P" "Y8888P" "Y8888*/ @media (max-width: 850px) { .footernav {margin: 0px 0 20px 0 !important; text-align: right !important;} .footernav li a {font-size: 12px;} } /* ---------------------------- end 850 ---------------------------- */ /* 8888b. .d8888b. 888888888 d88P Y88b d88P Y88b 888 Y88b. d88P 888 888 "Y88888" .d88P 8888888b. .d8P""Y8b. .od888P" "Y88b 888 888 d88P" 888 Y88b d88P 888" Y88b d88P "Y8888P" 888888888 "Y8888*/ @media (max-width: 825px) { header .sociallinks .fab {display:none;} /* --------------- COLLEGE PAGE ----------------- */ .page-template-college .wp-block-columns { display: grid; grid-template-columns: 100%; padding: 0px 20px 0px 20px; grid-template-rows:auto; gap: 0px 0px; grid-template-areas: "academy1" "academy2" "academy3" "academy4" "academy5" "academy6"; } .academy1 { grid-area: academy1; } .academy2 { grid-area: academy2; } .academy3 { grid-area: academy3; } .academy4 { grid-area: academy4; } .academy5 { grid-area: academy5; } .academy6 { grid-area: academy6; } .academy2 {padding-bottom: 30px !important; } .academy4 {padding-bottom: 30px !important;} .home .wp-block-columns { display: block !important;} .box-pollhub { padding: 27px 20px 21px 20px;} .box-clientservices { padding: 24px 30px 39px 30px;} .box-polling { padding: 2px 0px 15px 0px; margin-right: 15px; } .box-jobs { padding: 17px 20px 39px 20px;} .search-results main {width: 100%;margin: 0 auto;padding: 0px 20px 0px 20px;} /* Removes the margin from the left side of columns so the backgrounds meetup */ .home .wp-block-column:not(:first-child) { margin-left: 0px !important; } .home .wp-block-column:not(:first-child) { margin-right: 0px !important; } } /* ---------------------------- end 825 ---------------------------- */ @media (min-width: 768px) and (max-width: 1240px) { .poll-container button {margin: -8px auto 16px auto !important;float: left;} .baseutils {margin: 52px auto 0px auto;} .poll-container button a {font-size: 14px;} } /* ---------------------------- end 768 - 1240 ---------------------------- */ /*----------------------------------- START 767 ------------------------------------*/ /*----------------------------------- START 767 ------------------------------------*/ /*----------------------------------- START 767 ------------------------------------*/ /*----------------------------------- START 767 ------------------------------------*/ /*----------------------------------- START 767 ------------------------------------*/ /*----------------------------------- START 767 ------------------------------------*/ /*----------------------------------- START 767 ------------------------------------*/ .desktop {display:block;} .mobile {display: none !important;} /* 88888888 .d8888b. 8888888888 d88P d88P Y88b d88P d88P 888 d88P d88P 888d888b. d88P 88888888 888P "Y88b 88888888 d88P 888 888 d88P d88P Y88b d88P d88P d88P "Y8888P" d8*/ @media (max-width: 767px) { .width930 { width: 550px; margin: 0 auto; } .page-template-clients main .wp-block-columns { width: 400px !important; padding: 0px 30px 0px 30px; margin: 0 auto 0 auto; } .strip-white img { xwidth: 350px; xwidth: 70% !important; xdisplay: flex; xalign-items: center; xjustify-content: center; } hr.newsep { xwidth: 350px; xtext-align: center; xborder: 1px solid red; xmargin: 0 auto !important; max-width: 250px !important; display: flex; align-items: center; justify-content: center; } .allpolls {margin: -60px 0px 0 18px;} .desktop {display:none;} .mobile {display: block !important;} .subscribetext { margin: -10px auto 20px auto; text-align: center !important; } .gform_wrapper {padding: 0px 20px 0px 20px; } /* Home page button */ .home .box-clientservices .wp-block-buttons > .wp-block-button {margin: -8px 0px 29px 0px !important;} /*Source blurb on secondary charts */ .single-polls .entry .secondarychart p em {padding: 20px 20px 0px 50px; line-height: 1.4;} .specialbutton {margin: 17px auto 0 auto !important;float: none;text-align: center;display: block;} .methodbutton {margin-right: 0px !important;} .methodology .wp-block-buttons {display: flex;flex-direction: row;flex-wrap: wrap;width: 330px !important;margin: 0px auto 30px auto;} .methodology .wp-block-buttons > .wp-block-button { margin: 0 auto !important;} .searchpolls {display:none !important;} .page-template-archive-polls .grids {width: 100% !important;} /* How tall the card is */ .page-template-archive-polls .newsgrid .pt-cv-ifield {height: 490px; } .page-template-archive-polls .newsgrid .pt-cv-ctf-hero_image { max-width: 500px; max-height: 227px !important; overflow: hidden; object-fit: cover !important; margin: 0 auto !important;} /* date */ .page-template-archive-polls .newsgrid .pt-cv-meta-fields {margin: 0px 0 10px 0;} /* subhead THIS IS THE ONE THATS TROUBLE */ .page-template-archive-polls .newsgrid .pt-cv-ctf-subhead {margin: 133px auto 0px auto !important;padding: 0; } /* READ MORE Part 1 */ .page-template-archive-polls .newsgrid .pt-cv-readmore {position: relative;width: 360px !important;} .page-template-archive-polls .newsgrid .pt-cv-ctf-subhead .pt-cv-ctf-value { width: 100%;} .grids .pt-cv-title { padding: 0px 0px;} img {height: 100%;} main { width: 100%;} /* OLD POLLS */ .pf-content {display: block;width: 500px;margin: 0 auto;} /* ABOUT TEMPLATE */ .page-template-about .page-container {padding: 0 30px;} .page-template-about .entry {width: auto;} .page-template-about .entry img {width: 110%;margin: 0px 0px -38px 0px;} .page-template-about .wp-block-image .aligncenter {margin-left: 0 !important; margin-right: 0 !important;} .page-template-about .wp-block-column {padding: 0px 20px;} header {grid-template-columns: 1fr 250px 1fr;} nav {padding: 0 0 0 15px;} .logo a {background-size: 103% !important; margin-top: 7px} .sociallinks {margin-top: 20px;padding: 0 15px 0 0;} .searchcontainer { padding: 5px 0px 0px 0px;margin: 7px 0px 0px 0px !important;} .dropdown-content { margin-left: auto; width: auto !important; right: 0px !important; padding: 30px 20px 30px 20px;margin: 1px auto 0px auto !important;} .dropdown-content input {width: 330px;margin: 10px auto !important;font-size: 18px;} .dropforms {width: auto;margin: 0px auto 0px auto; } /* HERO CONTENT POSITION */ .hero .pt-cv-mask { margin: -130px 0px 0px 0 !important; padding: 0 20px 20px 20px; width: auto !important; xborder:1px solid red; } .pt-cv-content a.pt-cv-readmore { color: white !important;} .single .title {margin: 20px auto 35px auto; } .print {display: none;} .home .hero img {height: 100% !important; width: 100%;} .hero img { height: 100% !important; width: 100%;} .single-america-now .hero img { height: 240px !important;} .poll-container {grid-template-rows: auto 1fr; } /* CONTACT PAGE */ .contact-desc {padding: 0 20px 0 20px;} .big-underline {width: 90% !important;} /* ------------ GRIDS --------------------*/ .grids .pt-cv-ctf-list {height: 230px !important;} .box-pollhub { padding: 35px 20px 15px 20px; } .home .simcast_episode { margin: -21px -10px 0px -13px; } .box-clientservices { padding: 15px 20px 24px 20px; } .columns-polling-group {width: 100%;padding: 20px 0px 20px 0px;} .pollgreen {width: 100%; padding: 7px 0px 0px 0px !important; } .box-polling { padding: 0px 20px 25px 20px;} .box-who { padding: 25px 20px 48px 20px; } .box-jobs { padding: 25px 20px 48px 20px; } .grid-container { grid-template-rows: 460px 1fr; } .printfriendly {grid-area: printfriendly !important;margin: -127px auto 15px auto;} .post-date {margin: 0px 0 15px 0 !important;} .page-template-about h2 {font-size: 36px !important;padding: 0 0 30px 0;width: 100%;margin: 30px auto 30px auto;} .page-jobs main {width: 100%;margin: 0 auto;padding: 0px 20px 0px 20px;} .single-post main {width:390px;} /* --------------- POLLS ----------------- */ .poll-container main {width:390px;margin: 0 auto 70px auto !important;padding: 0px;} .poll-container .title { font-size: 24px !important; margin: 20px auto 20px auto;} .chart {margin: 12px auto 20px auto !important;width: auto;float: none;} .searchpolls input {margin: -10px auto 0px auto !important;display: flex;} .methodology .has-text-align-right {text-align: center !important;margin: 20px auto 0px auto !important;} .xallpolls {position: relative;left: 0!important;top: 0px;margin: -38px 30px 78px 30%;} .xallpolls a {text-align: center !important;color: white !important;margin: 0 auto !important;} .single-polls .entry p.post-date { margin: -1px auto 26px auto !important;} .single-polls blockquote { padding: 25px 29px; margin: 21px 0px 25px 0px; line-height: 31px; font-size: 17px;} /* --------------- CLIENTS ----------------- */ .wp-block-cover h2 { font-size: 35px !important; line-height: 3.1rem; font-weight: 700;} .client-subhead { font-size: 17px !important; font-weight: 700; width: 100%; margin: 0 auto 40px auto !important; line-height: 25px;padding: 0px 20px 0px 20px;} .page-template-clients main .wp-block-cover {width: 100% !important;} .page-template-clients main .wp-block-columns {width: 100% !important;padding: 0px 30px;} .page-template-clients .wp-block-image {margin: 0 !important; width: 100%; margin: 0px auto 30px auto !important;} .page-template-clients p { margin: 0px 0px 17px 0px; line-height: 1.6rem; font-size: 17px;} .page-template-client h2 {line-height: 2.6rem !important; font-weight: 700;} .offer h2 {width: 350px;font-weight: 700;} .js-carrousel h3 { line-height: 45px;} .strip-blue h2 {line-height: 2.6rem;font-weight: 700;} .strip-white h2 {line-height: 2.6rem;font-weight: 700;} .js-carrousel {width: 400px !important;} .page-template-clients .wp-block-button__link {padding: 6px 70px !important;} .box-clientservices .wp-block-buttons > .wp-block-button {margin: -38px 0px 29px 0px;} .wp-block-buttons.is-content-justification-left {justify-content: center !important;} /* ----------------- CLIENT SERVICES ----------------- */ .box-clientservices {padding: 39px 85px 40px 85px; background-color: #001036 ; } .box-clientservices h2 { line-height: 34px;} .wp-block-cover h2.client-headline {width: auto;} .nonslide {padding: 0px 20px 0 20px;color: white} .nonslide h3 {text-align: center;font-size: 28px !important;margin: 31px 0px 13px 0px !important;padding: 18px 0px !important;line-height: 34px !important;} .howbox {padding: 40px 20px 0px 0px; } .saucebox {padding: 160px 0px 0px 20px; } .whybox {padding: 190px 20px 0px 0px; } /* ----------------- HOME HERO ----------------- */ .pt-cv-hover-wrapper {height: 466px; position: relative;} /* image */ .pt-cv-hover-wrapper .cvp-responsive-image {height: 466px !important;} /* LATEST TITLES */ .home .pt-cv-mask:before {width: 100%; color: white;} .page-latest-polls .pt-cv-mask:before {width: 100%;color: white;} .page-blog .pt-cv-mask:before {width: 100%;color: white;} .hero .pt-cv-overlay-middle .pt-cv-mask {top: 80% !important; } /* TITLE */ .home .hero h2.pt-cv-title a { color: white !important; font-size: 25px !important; padding: 0px 0px 0px 0px !important; margin-top: -8px; } /* DATE */ .hero .pt-cv-meta-fields {color: black !important;} /* CONTENT ACF */ .hero .pt-cv-title a {font-size: 24px !important;} .hero .pt-cv-ctf-summary_lead { color: black !important; line-height: 20px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; /* number of lines to show */-webkit-box-orient: vertical; } .hero .pt-cv-readmore {color: black !important;margin: -20px 0px 0px -12px !important;text-decoration: underline !important;text-transform: uppercase !important;font-size: 12px !important;font-weight: 700 !important;} /* CONTACT PAGE */ .big-underline {border-bottom: 1px solid white;width: 100%;margin: 0px auto 22px auto;line-height: 80px;} .contact-desc {width: 100%; margin: 0 auto; } .grids {width: 375px !important;padding: 0px 20px 0px 20px !important;margin: 0 auto !important;} .pollhub-hero {width: 100%;height: 505px;} .page-college-to-career-internships main { width: 100%; } /*---------------FOOTER ----------------*/ .footergrid { display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;gap: 0px 0px;align-items: center;margin: 0 auto;padding: 0 !important;grid-template-areas: "footersearch" "footerlogo" "social" "footernav" "footermeta"; } footer {background-color: white;width: 100%;text-align: center !important;} footer .sociallinks {margin: 15px auto 15px auto; display: block; } footer .fab {line-height: 1;font-size: 32px;padding: 7px;} .footerlogo {width: 300px;margin: 0 auto;} .footerlogo a { height: 50px !important; text-indent: -999em; display: block; background: url(img/marist-poll.svg) no-repeat center center; background-size: 200px;margin: 20px auto 0px auto !important;} .footernav li {display: block;text-align: center;line-height: 24px;padding: 0px 0px 0px 0px;} .footernav li a { font-size: 18px; line-height: 32px;} .footersearch { width: 360px; margin: 0 auto;} .footersearch form { margin: 0px 0px 0px 0px; padding: 0 50px 0 0;} .footersearch input { width: 256px; padding: 10px;} .menu-footer-container ul {padding: 0px 0px 20px 0px;} .footermeta { padding: 0px 30px; font-size: 13px !important;} .footermeta p {text-align: center; font-size: 13px !important; line-height:20px; margin: 0px 0px 0px 0px;} .footermeta a { color: black; text-decoration: none; } .footermeta span { display:none; } .desktop { display: none !important; } .mobile { display: block } /* POLLS AND NEWS PAGE PAGINATION */ .pt-cv-pagination-wrapper {margin-left: -5px !important;} /*Turn off Safri input rounding */ input {border-radius: 0;} input[type="search"] {-webkit-appearance: none;} .wp-block-columns {display: block;} .has-2-columns .wp-block-column, .has-3-columns .wp-block-column, .has-4-columns .wp-block-column, .has-5-columns .wp-block-column, .has-6-columns .wp-block-column {width: 100%;} .single .title { width: auto !important;} .contact-desc-header { width: auto; } .baseutils {float: none !important;margin: 27px auto 0px auto;} .pdf_data {margin: 0px auto 0px auto; } .poll-container button a:hover {padding: 9px 20px 8px 20px;margin: 0px auto 0px auto; } .seeallpolls {margin: 0px auto 0px auto !important;display: block;} .seeallpolls:hover {padding: 9px 20px 8px 20px;margin: 0px auto 0px auto !important; } .printthispage {display:none;} .basebuttons {height: 90px; ;} .pdfs {margin: 0px auto 30px auto; float: none;} .pdfs li { left: 0em !important; float: none; padding-right: 0px;} .pdfs li a { width: 60%; display: block; margin: 0 auto;} .pdfs a:hover {margin: 0 auto;} .pdfs a { font-size: 18px; } .seeallpolls { font-size: 18px;} .printthispage { font-size: 18px;} .page-america-now-index #pt-cv-view-970916e48y .pt-cv-mask { padding-top: 56px !important; padding-left: 25px !important;} .single-polls blockquote { xwidth: 85%;} h2.gform_title { line-height: 1.2 !important; text-align: center;} /* Podcast Page */ .pollhub-connector h2 { color: white !important; font-size: 29px !important; margin: -20px auto 14px auto; border-bottom: 1px solid white; padding: 0px 0px 19px 0px; width: 263px; } .hero .pt-cv-content { line-height: 20px !important; font-weight: 700; /* number of lines to show ------------------------- */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box!important; -webkit-line-clamp: 1 !important; /* number of lines to show ------------------------- */ } .page-methods .wp-block-cover h2 { width: 100% !important; xpadding: 0px 0px 0px 0px !important; } /* SINGLE POLLS */ .single-polls .title { font-size: 24px !important; margin: 20px auto 8px auto !important; } } /* ---------------------------- end 767 ---------------------------- */ /* ---------------------------- end 767 ---------------------------- */ /* ---------------------------- end 767 ---------------------------- */ /* ---------------------------- end 767 ---------------------------- */ /* ---------------------------- end 767 ---------------------------- */ /* ---------------------------- end 767 ---------------------------- */ /* ---------------------------- end 767 ---------------------------- */ /* ---------------------------- end 767 ---------------------------- */ /* ---------------------------- end 767 ---------------------------- */ /* ---------------------------- end 767 ---------------------------- */ /* 768 x 1024 (iPad - Portrait) */ /* 1024 x 768 (iPad - Landscape) */ /* 8888b. .d8888b. .d8888b. d88P Y88b d88P Y88b d88P Y88b 888 888 888 888 888 888d888b. 888 888 888 888 888P "Y88b 888 888 888 888 888 888 888 888 888 888 Y88b d88P Y88b d88P Y88b d88P "Y8888P" "Y8888P" "Y8888*/ @media screen and (max-width: 600px) { .page-template-about .wp-block-columns {display: block;} } /* ---------------------------- end 600 ---------------------------- */ @media only screen and (max-width: 599px) { .wp-block-column {flex-basis: 50% !important;} .secretsauce {display: grid !important;grid-auto-rows: 1fr;grid-template-columns: 1fr;grid-template-rows: 253px 1fr !important;gap: 0px 150px;grid-template-areas:"imageblock""textblock" ;justify-content: center;justify-items: stretch; } .imageblock { grid-area: imageblock; } .textblock { grid-area: textblock; } .howbox {padding: 0; } .whybox {padding: 0; } .saucebox {margin: 0px 0 240px 0 !important;clear: both;display: block;padding: 0px 0px 160px 0px;} .page-search-survey-questions .page-container {width: 550px;margin: 0 auto;} } /* ---------------------------- end 599 ---------------------------- */ /*8888888 .d8888b. 888888888 888 d88P Y88b 888 888 .d88P 888 8888888b. 8888" 8888888b. "Y88b "Y8b. "Y88b 888 888 888 888 Y88b d88P Y88b d88P Y88b d88P "Y8888P" "Y8888P" "Y8888*/ @media screen and (max-width: 535px) { .width930 { width: 400px; margin: 0 auto; } header {grid-template-columns: 83px 210px 1fr;} .title {max-width: 100% !important; font-size: 31px !important;} .logo a {margin-top: 8px; cmargin-left: -13px;} .xallpolls {position: relative;left: 0!important; top: 0px;margin: -24px 30px 48px 30px;} .poll-container main {xwidth:355px !important;} /* OLD POLLS */ .pf-content {display: block;width: 355px !important;margin: 0 auto;} .single-america-now .hero img { height: 198px !important;} } /* ---------------------------- end 535 ---------------------------- */ @media screen and (max-width: 450px) { .single-post main {width: 100%;} } /* ---------------------------- end 535 ---------------------------- */ /* 8888 d888 d8888 d8P888 d8888 d8P888 d8P 888 888 d8P 888 d8P 888 888 d8P 888 d88 888 888 d88 888 8888888888 888 8888888888 888 888 888 888 8888888 8*/ @media screen and (max-width: 414px) { .width930 { width: 300px; margin: 0 auto; } .offer h2 { width: 300px; margin: 0 auto; } header .sociallinks { margin-top: 23px;} .single .title {max-width: 100% !important; font-size: 30px !important;} .logo a { margin: 8px auto !important;text-align: center; } .poll-container main {padding: 0px;width: 335px !important;} .bullets {margin: 4px 0px 0px -54px;} .single-america-now .hero img { height: 146px !important;} .hero .pt-cv-title {margin: -11px 0px 15px 0px !important;} } /* ---------------------------- end 414 ---------------------------- */ /* 8888b. 8888888888 888888888 d88P Y88b d88P 888 .d88P d88P 888 8888" d88P 8888888b. "Y8b. 88888888 "Y88b 888 888 d88P 888 Y88b d88P d88P Y88b d88P "Y8888P" d88P "Y8888*/ @media only screen and (max-width : 375px) { .logo a { margin: 8px auto !important;text-align: center; } .js-carrousel {width: auto !important;} .dropdown-content input {width: 300px;font-size: 17px;} .page-search-survey-questions .page-container {width: 350px;margin: 0 auto;} } /* ---------------------------- end 375 ---------------------------- */ /* ScrollTriggered */ .animatable { /* initially hide animatable objects */ visibility: hidden; /* initially pause animatable objects their animations */ -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -ms-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } /* show objects being animated */ .animated { visibility: visible; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-play-state: running; -moz-animation-play-state: running; -ms-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; } /* CSS Animations (extracted from http://glifo.uiparade.com/) */ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 20% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 20% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 20% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0;} 60% { opacity: 0;} 20% { opacity: 0;} 100% { opacity: 1;} } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { -webkit-transform: translateX(20px); } 80% { -webkit-transform: translateX(-5px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { -moz-transform: translateX(20px); } 80% { -moz-transform: translateX(-5px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(20px); } 80% { -o-transform: translateX(-5px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { transform: translateX(20px); } 80% { transform: translateX(-5px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { -webkit-transform: translateX(-20px); } 80% { -webkit-transform: translateX(5px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { -moz-transform: translateX(-20px); } 80% { -moz-transform: translateX(5px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { -o-transform: translateX(-20px); } 80% { -o-transform: translateX(5px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { transform: translateX(-20px); } 80% { transform: translateX(5px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { opacity: 1; -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { opacity: 1; -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { transform: scale(1.05); } 70% { transform: scale(.9); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes moveUp { 0% { opacity: 1; -webkit-transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes moveUp { 0% { opacity: 1; -moz-transform: translateY(40px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes moveUp { 0% { opacity: 1; -o-transform: translateY(40px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes moveUp { 0% { opacity: 1; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeBgColor { 0%{ background:none; } 70%{ background:none; } 100%{ background:#464646; } } @-o-keyframes fadeBgColor { 0%{ background:none; } 70%{ background:none; } 100%{ background:#464646; } } @keyframes fadeBgColor { 0%{ background:none; } 70%{ background:none; } 100%{ background:#464646; } } .animated.animationDelay{ animation-delay:.4s; -webkit-animation-delay:.4s; } .animated.animationDelayMed{ animation-delay:1.2s; -webkit-animation-delay:1.2s; } .animated.animationDelayLong{ animation-delay:1.6s; -webkit-animation-delay:1.6s; } .animated.fadeBgColor { -webkit-animation-name: fadeBgColor; -moz-animation-name: fadeBgColor; -o-animation-name: fadeBgColor; animation-name: fadeBgColor; } .animated.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } .animated.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } .animated.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } .animated.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } .animated.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } .animated.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } .animated.moveUp { -webkit-animation-name: moveUp; -moz-animation-name: moveUp; -o-animation-name: moveUp; animation-name: moveUp; } a:focus-visible {outline: 3px solid !important; } /* https://www.sarasoueidan.com/blog/focus-indicators/ */ a wp-block-button__link:focus-visible {outline: 3px solid !important;} @media (max-width: 767px) { .pt-cv-ifield { xheight: 100% !important; xborder:10px solid red !important; } /* HERO IMAGE */ .xpollitems .pt-cv-ctf-hero_image { min-height: 235px !important; object-fit: cover !important; xmargin-bottom: 150px !important; xdisplay:block; xborder:2px solid red; } /* ENTRY DATE */ .xpollitems .pt-cv-meta-fields .entry-date { position: relative; top: -52px; xmargin-bottom: 50px;} /* TITLE */ .xpollitems .pt-cv-title { position: relative; top: 40px !important; xborder:1px solid red !important; height: 50px; xdisplay:block;} /* PARTNER */ .xpollitems .pt-cv-ctf-list .pt-cv-ctf-column .pt-cv-ctf-partner .pt-cv-ctf-value { margin: 0 auto !important; text-align: center; position: relative; top: 80px; xborder:1px solid red; } .xpollitems .pt-cv-ctf-list .pt-cv-ctf-column .pt-cv-ctf-subhead .pt-cv-ctf-value { position: relative; top: 10px;} .pollitems .pt-cv-content .pt-cv-readmore { position: relative; xtop:120px !important;} /* Polls Grid 9.12.22 */ .pt-cv-ifield.pt-cv-ctf-list.col-md-12.pt-cv-ctf-column.pt-cv-custom-fields.pt-cv-ctf-hero_image { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; } /* HERO IMAGE */ .pollitems .pt-cv-ctf-hero_image { object-fit: cover !important; height: auto; position: relative; display:block !important; overflow: hidden !important; padding: 0px 0px 30px 0px !important;} /* ENTRY DATE */ .pollitems .pt-cv-meta-fields { position: absolute !important; top: 236px !important; height: 15px; display: block; padding: 0px 0px 0px 0px !important; text-align: center !important; width: 403px; margin: 10px 0px 0px 0px !important; width: 100%; } /* TITLE */ .pollitems .pt-cv-title { position: absolute; height: 45px !important; display:block !important; top: 266px; width: 100%;} /* PARTNER */ .pollitems .pt-cv-ctf-list .pt-cv-ctf-column .pt-cv-ctf-partner .pt-cv-ctf-value { margin: 0 auto !important; text-align: center; position: relative; top: 70px;} /* SUBHEAD */ .pollitems .pt-cv-ctf-list .pt-cv-ctf-column .pt-cv-ctf-subhead .pt-cv-ctf-value { position: relative; top: 10px;} .pollitems .pt-cv-custom-fields {margin-top: 18px; } .pollitems .pt-cv-content { display:block !important; height: 480px; margin: 90px 0px 0px 0px; padding: 0px 0px 0px 0px;} /* READ MORE */ /* READ MORE Part 2 */ .page-template-archive-polls .newsgrid .pt-cv-content a.pt-cv-readmore { position: absolute; top: 423px; height: 30px; left: 0 !important; right: 0 !important; width: 360px; margin: 17px auto 0px auto; xborder:1px solid red; } .pollitems .pt-cv-content .pt-cv-readmore { position: absolute; top: 131px; display:block; } #pt-cv-view-6195dfbdfv .pt-cv-readmore { padding: 430px 0px 0px 0px; margin: -415px auto 33px auto !important; height: 430px; width: 100% !important;} #pt-cv-view-6195dfbdfv .pt-cv-readmore:hover { background-color: transparent !important;} .pollitems .pt-cv-content {xtop: -10px; xborder:1px solid red; } .pollitems .pt-cv-textlink {xtop: -30px!important; } } /* end 767 */ .pollitems .pt-cv-content {top: 70px; } .pollitems .pt-cv-textlink {top: 60px!important; } .page-id-55005 .wp-block-button__link { background-color: white !important; } .xwhite-button { background-color: white !important; border-radius: 20px; } .center {margin: 0 auto !important; width: 500px;}