/* Theme Name: Office of the Chief Rabbi Theme URI: http://www.chiefrabbi.org/ Description: Bespoke theme design and developed for The Office of the Chief Rabbi Version: 1.0 Author: Maven Design Author URI: http://www.mavendesign.co.uk Tags: simple, clean, basic */ /* =========================== CONTENTS: 01 Sensible defaults 02 Typography 03 Media queries =========================== */ /* =========================== CONTENTS: 01 Sensible defaults 02 Typography 03 Media queries =========================== */ /* ---------------------------------------------------------------------------------------------------------- 01 Sensible defaults ---------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ @import "css/ie.css"; @import "css/reset.css"; @import "css/responsive-gs-12col.css"; div, article, section, header, footer, nav, li { /* For absolutely positioning elements within containers (add more to the list if need be) */ } .group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ } body { background:#fff; /* Don't forget to style your body to avoid user overrides */ } ::-moz-selection { background:#ff0; color:#333; } ::selection { background:#ff0; color:#333; } /* ---------------------------------------------------------------------------------------------------------- 02 Typography ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ /* 14 / 16 = 0.875em (14px equivalent) 16 / 16 = 1em (16px equivalent) 18 / 16 = 1.125em (18px equivalent) 21 / 16 = 1.3125em (21px equivalent) 24 / 16 = 1.5em (24px equivalent) 30 / 16 = 1.875em (30px equivalent) */ input, textarea { border:solid 1px #ccc; } h1, h2, h3, h4, h5, h6 { font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ } /* ---------------------------------------------------------------------------------------------------------- 03 Media queries (using a mobile-first approach) ------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ body {font-family: 'Open Sans', sans-serif; font-size: 16px; color: #7F8084; font-weight: 400; } a:hover {color:#3B6E8F} #page_wrap {background: url(images/motif-bg.png) no-repeat top center ; } #header-container {} #logo-bar {padding: 15px 0 ;} #title img {width: 150px;} #top-widgets {background: #7F8184; padding: 10px;} #top-widgets ul li {float: left; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 800; margin-right: 10px;} /*#top-widgets ul li:last-child {float: right; margin-right: 0;}*/ #top-widgets ul li a {color: #fff; text-decoration: none;} #top-widgets ul li a:hover {color: #E5E6E6} #top-widgets ul li a span {margin: 5px 0 0 5px; display: inline-block;} #top-widgets ul li img {float: left;} #nav-wrapper {background: #002F65;} nav#global_nav {position: relative;} nav#global_nav .search-icon {cursor: pointer;} nav#global_nav #searchform {display: none; position: absolute; top: 45px; right: 0; background: #8E0C3A; padding: 5px; } #searchform {display: inline-block; position: relative;} #searchform label {display: none} input#s { background:#fff; width: 150px; padding: 5px; color: #7F8184; font-size: 14px; font-weight: 800; border: none; font-family: 'Open Sans', sans-serif; } #searchsubmit {position: absolute; right: 10px; top: 11px; border: none;} .sub-banner {position: absolute; z-index: 10; top: 0; left: 0; background: #7F8184; display: inline-block; font-weight: 800; text-transform: uppercase; font-size: 14px; color: #fff; padding: 12px;} img {max-width: 100%; height: auto;} /* nav#global_nav {margin-top: 0; margin-bottom: 20px; background: #002E64; } nav#global_nav li {float: left; } nav#global_nav li a {font-size: 16px; text-transform: uppercase; font-weight: 800; text-decoration: none; display: inline-block; color: #fff; padding: 10px 20px} nav#global_nav li:hover a{color:#fff; background:#396D8E } nav#global_nav li ul { position: absolute; background: #396D8E; width: 200px; left: -999em; margin:0 0 0 0; z-index:100000; } nav#global_nav li li a {width:160px; color: #fff; padding:10px 20px; display: inline-block; font-weight: normal; text-transform: none; } nav#global_nav li li a:hover {text-decoration: underline;} nav#global_nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em;} nav#global_nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto;} */ #global_nav #megaMenu .wpmega-nonlink li.latest-news {width: 60.2%} #global_nav #megaMenu .wpmega-nonlink li.news-categories {width: 28.2%} #global_nav #megaMenu ul.megaMenu {float: right;} #global_nav #megaMenu.megaMenuHorizontal ul.megaMenu {width: auto; padding-left: 150px;} #global_nav #megaMenu ul > li a, #global_nav #megaMenu ul > li span {background:#002F65; color: #fff; text-transform: uppercase; font-weight: 700; } #global_nav #megaMenu ul > li:first-child {} #global_nav #megaMenu ul > li ul li:first-child {margin-left: 0;} #global_nav #megaMenu ul ul.sub-menu li.menu-item .wpmega-nonlink a, #global_nav #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > a span{display:inline-block; background: #9EA374; color: #fff; text-transform: none; text-decoration: none; font-weight: normal; font-size: 1.3em; } #global_nav #megaMenu ul ul.sub-menu li.menu-item .wpmega-nonlink img.wp-post-image {max-width: 80px; padding-right: 10px; height: auto; display: inline-block; float: left;} #global_nav #megaMenu .wpmega-widgetarea h2.widgettitle {text-transform: uppercase; color: #fff;} #global_nav #megaMenu ul.megaMenu > li.menu-item.megaHover a, #global_nav #megaMenu ul.megaMenu > li.menu-item.megaHover span, #global_nav #megaMenu ul.megaMenu > li.current-menu-item a, #global_nav #megaMenu ul.megaMenu > li.current-menu-item span, #global_nav #megaMenu ul.megaMenu > li:hover a, #global_nav #megaMenu ul.megaMenu > li:hover span, #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > ul.sub-menu.sub-menu-1, #global_nav #megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > a {background:#9EA374; } #global_nav #megaMenu ul ul.sub-menu {min-width: 180px;} #global_nav #megaMenu ul.megaMenu > li.menu-item.megaHover a:hover {font-weight: 700;} #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {display: none;} #megaMenu ul.megaMenu > li#menu-item-897 {background: #8E0C3A} #megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator {padding: 12px 16px} #global_nav .ubermenu .ubermenu-submenu .ubermenu-target {padding: 5px 20px} #global_nav .ubermenu .ubermenu-submenu .ubermenu-target:hover {color: #3B6E8F } #global_nav .ubermenu h3.ubermenu-widgettitle {font-size: 1.1em; margin-bottom: 5px; text-transform: uppercase; padding-left: 10px} #global_nav .ubermenu .dpe-flexible-posts {padding-left: 20px;} #global_nav .ubermenu .dpe-flexible-posts h4 a{color: #fff; font-weight: normal; font-size: 14px; text-decoration: none; line-height: 140%;} #global_nav .ubermenu .dpe-flexible-posts h4 a:hover, #global_nav .ubermenu a.read-more:hover {color: #3B6E8F} .priorities-widget h3.quote {font-family: 'Cardo', sans-serif; font-style: italic; font-size: 24px; line-height: 125%; margin-bottom: 10px; color:#fff; font-weight: normal; } .priorities-widget h3.quote a {color: #fff; text-decoration: none;} .priorities-widget h3.quote a:hover {color: #3B6E8F } .priorities-widget p {font-size: 14px; color: #fff; line-height: 135%;} .priorities-widget p a {font-weight: bold; color: #fff; text-transform: uppercase; display: block; padding-top: 5px; text-decoration: none; } .banners .span_6 {margin-left: 0; width: 50%; position: relative;} .banners .span_6 img{float: left; width: 100%;} .banners .span_6 .row {position: relative; border-bottom: 10px #fff solid; cursor: pointer; } .banners .span_6 .row.active {cursor: inherit;} .banners .span_8 {position: relative;} .banner-content {position: absolute; bottom: 0; left: 0; color: #fff; } .banner-content h3, .banner-content p, .banner-content span { background: #002F65; } .banners .banner-content h3 {padding: 15px 20px 15px 20px; font-size: 1.3em; font-weight: normal; line-height: 115%; display: block;} .banner-content p {padding: 0 20px 20px 20px; font-size: .83333em; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; opacity: 0; display:none;} .banners .banner-content a.more {display: inline-block; padding: 10px 20px 5px 0; font-size: 1em; font-weight: 700; text-transform: uppercase; color: #fff; text-decoration: none;} .banners .span_6 img {transition: opacity .3s ease-in; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; } .banners .span_6 .toggle img { opacity:1; } .banners .span_6 .active img { opacity:.2; } .banners .span_6 .active .banner-content p, .banners .span_6 .active .banner-content h3 {opacity: 1; background: none; } .close i {padding: 1px 2px 0 2px;vertical-align: top;} .close {position: absolute; opacity: 0; transition: opacity .3s ease-in; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; top: 10px; right: 10px; color: #fff; border: #fff solid 3px; border-radius: 50%; width: 25px; height: 25px; z-index: 90;} .active .close {opacity: 1; } .blue-bg h3, .blue-bg p, .blue-bg span, .blue-bg {background: #002F65;} .green-bg h3, .green-bg p, .green-bg span, .green-bg {background: #9EA374} .red-bg h3, .red-bg p, .red-bg span, .red-bg {background: #8E0C3A} .yellow-bg h3, .yellow-bg p, .yellow-bg span, .yellow-bg {background: #C4960C} .teal-bg h3, .teal-bg p, .teal-bg span, .teal-bg {background: #3B6E8F} .cff-likebox.cff-bottom {display: none;} .banners .span_4 .row:first-of-type .banner-content h3, .banners .span_4 .row:first-of-type .banner-content span {background: #3B6E8F; } .banners .span_4 .row .banner-content h3, .banners .span_4 .row .banner-content span {background: #9EA374; } .banners .span_4 .row .banner-content h3 {font-size: 1.5555em; padding-bottom: 20px;} #mc_embed_signup input {width: 100%; padding:10px; font-size: 14px; margin-bottom: 10px; color: #7F8184; font-family: 'Open Sans', sans-serif;} #mc_embed_signup input.button {margin-bottom: 0; background: #002E64; font-weight: 800; text-transform: uppercase; font-size: 14px; color: #fff; padding: 10px; cursor: pointer; } #mc_embed_signup input.button:hover {background: #396D8E;} ul.team {padding: 0 20px;} ul.team li {padding: 25px 0; border-bottom: #939598 solid 1px;} .page article, article#listing { position: relative; padding-bottom: 20px; min-height: 500px; background: #fff;} .page article img {max-width: 100%; height:auto;} .page article .gform_wrapper img {width: auto; height:auto;} .post-password-form p {margin: 6px 0;} .article_content {background: #fff; padding: 10px;} .sub_heading {padding-top: 60px;} article#listing h2{ font-size: 1.3em; line-height: 100%; font-weight: 700; margin-bottom: 5px; } article#listing h2 a {color: #396D8E; text-decoration: none;}article#listing h2 a:hover {color: #002E64} article#listing ul.article_posts li p {font-size: 16px; padding: 6px 0;} article#listing time {font-size: .8em; text-transform: uppercase; font-weight: bold; display: block; padding: 3px 0} article#listing ul.article_posts {padding:0 20px 20px 20px;} article#listing ul.article_posts li p .read_more {font-weight: bold; text-decoration: none; color: #396D8E;} article#listing ul.article_posts li p .read_more:hover {color: #002E64 } article#listing ul.article_posts li {padding: 20px 0; border-bottom: #efefef 1px solid; list-style: none;} article#listing ul.article_posts li .span_2 {width: 25%;} article#listing ul.article_posts li .span_10 {width: 73%; margin-left: 2%;} article#listing h1 {padding: 20px; font-size: 1.8em; line-height: 120%; font-weight: 300; margin-bottom: 5px; background: #3B6E8F; color: #fff; display: block; } article#listing .featured img {max-width: 100%; height: auto; padding-top: 20px;} .article_content ul, .article_content ol {padding:0 30px 20px 30px; font-size: 16px; line-height: 150%; } .article_content ul li {list-style: disc; margin-bottom: 6px; } .article_content ol li {list-style: decimal;margin-bottom: 6px; } .article_content p {margin: 0 0 15px 0; line-height: 150%;} .article_content p.break {margin: 0;} .article_content blockquote {padding: 10px 30px; font-family: 'Cardo', sans-serif; font-style: italic; font-size: 26px; color:#002E64; } article#listing .article_content h1 {font-family: 'Cardo', sans-serif; font-style: italic; font-size: 46px; line-height: 120%; padding:10px 20px; font-weight: 400; } .article_content a {color: #396D8E; text-decoration: none; font-weight: bold;} .article_content a:hover {color: #002E64} .article_content h2, .article_content h3, .article_content h4, .article_content h5 {padding: 10px 0 0 0; margin-bottom: 5px;} .article_content h3 {font-size: 24px; color: #002E64} .article_content h4 {font-size: 24px; color: #8D0838;} .article_content h5 {font-size: 20px;} .article_content time {margin-bottom: 10px; display: block;} .page-template-page-history .pf-content .printfriendly {display: none;} .article_content ul.previous-rabbis, .article_content ul.links {padding: 0;} .article_content ul.previous-rabbis li {list-style: none; padding-top: 20px; margin-top: 20px; border-top: #ccc solid 1px;} .article_content ul.previous-rabbis li h4 {padding-top: 0;} .article_content ul.previous-rabbis li .dates {font-size: .8888em; color: #002F65; margin-top: 10px;} .article_content ul.links li {list-style: none; margin: 0; } .press_statement {background:#7F8184; color: #fff; padding: 10px; font-size: .7777em; margin-bottom: 20px; } .contact article p:first-of-type {padding: 0;} .contact article hr {margin: 20px 0;} .contact article h4 {padding-top: 0;} article p em, article p i {font-style: italic;} article p strong {font-weight: bold;} .prorities {margin-top: 20px; margin-bottom: 20px; padding: 20px 0; background-position: center; /* center the image */ background-size: cover; /* cover the entire window */} .prorities .row { display: flex; } .home .prorities .span_4 {padding-bottom: 20px;display: flex; flex-direction: column;} .prorities h2 {color: #fff; font-weight: 300; text-transform: uppercase; font-size: 2em;} .prorities h3 {padding: 5px 10px; display: inline-block; font-size: .777em; text-transform: uppercase; color: #fff; } .prorities a {color: #fff; text-decoration: none;} .prorities ul li { padding:0 10px; font-size: 1.6666em; font-family: 'Cardo', sans-serif; font-style: italic; } .prorities ul li a { border-bottom: 1px solid #fff; display: block; padding: 10px 0;} .prorities ul li:last-child a{border-bottom: none;} .prorities a.view-more {width: 100%; display: block; padding: 0 10px 10px 10px; text-align: right; text-transform: uppercase; font-weight: 300;} .prorities .education img, .prorities .education a.view-more, .prorities .education h3, .prorities .education p {background: #3B6E8F; } .prorities .social_change p, .prorities .social_change a.view-more, .prorities .social_change h3 {background: #C4960C;} .prorities .community_building p, .prorities .community_building a.view-more, .prorities .community_building h3 {background: #9EA374;} .prorities img {padding: 10px 0; margin: 0;} .prorities p {padding:10px 20px ; margin: 0; color: #fff; flex: 1 0 auto;} .news-articles .container {display: block; /* or inline-flex */; padding: 20px 0;} .news-articles .col {position: relative; flex:1; background: #8E0C3A; } .news-articles .articles {background:#002F65 } .news-articles .news {margin-bottom: 20px;} .news-articles h3 {position: absolute; top: 0; left: 0; padding: 10px 12px; color: #fff; text-transform: uppercase; font-size: .7777em; background-color:#8E0C3A } .news-articles a img{display: block; width: 100%;} .news-articles h2 {font-family: 'Cardo', sans-serif; font-style: italic; font-size: 1.4em; font-weight: normal;} .news-articles .articles h3, .news-articles .articles .text-block {background:#002F65 } .news-articles .view-all { text-transform: uppercase; padding-top: 10px; float: right; opacity: .6;position: absolute;right: 20px;bottom: 20px;} .text-block {background: #8E0C3A; padding: 20px; min-height: 150px;} .text-block a {color: #fff; text-decoration: none;} .text-block time {color: #fff; padding-bottom: 10px; display: block;} .connect {padding-bottom: 30px;} .connect h2 {font-size: 2em; font-weight: 300; text-transform: uppercase; margin-bottom: 20px;} .connect h3 {font-size: .777em; text-transform: uppercase; display: inline-block; background: #fff; padding: 10px 10px 5px 10px; border-top: #7F8084 solid 1px; border-left: #7F8084 solid 1px; border-right: #7F8084 solid 1px;} .connect .inner-widget {border-top: #7F8084 solid 1px; padding-top: 10px; margin-top: -1px;} .connect .inner-widget .clear a {color: #939598; text-decoration: none; text-transform: uppercase;} article img {max-width: 100%; height: auto;} article#priorities {background: none;} #priorities .title {background: #3B6E8F; color: #fff; font-weight: 700; text-transform: uppercase; display: inline-block; padding: 3px 10px;} #priorities .intro {padding: 20px; background: #3B6E8F; color: #fff; margin-bottom: 20px; } #priorities .intro h1 {font-weight: 300; font-size: 1.8em; line-height: 100%; display: inline-block; } #priorities .intro p {font-size: 1.6667em; line-height: 110%; font-family: 'Cardo', sans-serif; font-style: italic; font-weight: 400;} .wp-caption.alignnone { max-width: 96% !important; width: auto !important; } p.wp-caption-text {margin-bottom: 10px;} dd.gallery-caption {margin-right: 30px;} #priorities h2{font-size:1.6666em; margin-bottom: 10px; } #priorities h3{margin: .7em 0 .2em 0; text-transform: uppercase; font-weight: 300; color: #3B6E8F;} .page article#priorities .addthis_toolbox {padding-bottom: 0;} article#priorities .content {background: #fff;} aside#widgets div.widget {padding: 20px;} aside#widgets div.widget h3 {font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; margin-bottom: .5em; } aside#widgets div.widget .textwidget {font-size: .8333em; } aside ul.dpe-flexible-posts li a img {max-width: 100%; float: left; width: 25%; padding-right: 10px; display: inline-block;} aside ul.dpe-flexible-posts li h4 {font-size: .8em; font-weight: normal;} aside ul.dpe-flexible-posts li {display: inline-block; width: 100%;} aside div.grey {background: #636466; } aside div.blue {background: #3B6E8F} .connect .really_simple_twitter_widget li {padding: 20px 0; margin: 0 30px; border-bottom: #ccc solid 1px; font-size: .8em; } .connect .really_simple_twitter_widget li:last-child {border-bottom: none; } .connect .really_simple_twitter_widget li img {margin-right: 15px;} .connect .really_simple_twitter_widget li a {color: #3B6E8F; font-weight: bold; text-decoration: none;} .rstw_link_user a {text-transform: uppercase; color: #3B6E8F; text-decoration: none;} .related h2 {font-size: 2em; font-weight: 300; text-transform: uppercase; margin-bottom: 10px;} .related h3 {font-size: 1.333em; } .related h3 a {color: #636466; text-decoration: none;} .related span {font-size: .7777em; font-weight: 700; text-transform: uppercase; display: inline-block; padding: 10px 10px 10px 0; } .related li {border-top: #939598 solid 1px;} div#articles {margin-top: 20px; margin-bottom: 20px;} ul.post_archive {background: #fff; padding:20px 20px 20px 0;} .post_archive li {border-bottom: #939598 solid 1px; padding: 25px 0;} .post_archive li p {font-size: .8333em;} .post_archive time {color: #002F65; font-weight: 700; font-size: .9em; padding: 10px 0 10px 0; display: block; } .link-category {padding: 25px 0; border-bottom: #939598 solid 1px;} .link-category h2 {color:#8E0C3A } ul.links li a {color: #002F65; font-weight: bold; text-decoration: none; font-size: .8333em; background: url(images/external-link.png) no-repeat right 3px; padding-right: 20px;} a.priorities-link {font-size: .7777em; text-transform: uppercase; font-weight: 700; color: #fff; background:#3B6E8F; padding: 2px 5px; text-decoration: none; } #menu-footer { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2;} /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignleft { margin: 5px 20px 5px 0; } .wp-caption.alignleft { margin: 5px 10px 5px 0; } img.alignright { margin: 5px 0 5px 20px; } .wp-caption.alignright { margin: 5px 0 5px 10px; } img.aligncenter { margin: 5px auto; } img.alignnone { margin: 5px 0; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color:#7F8084; font-size: 14px; font-style: italic; font-weight: bold; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption.alignleft + ul, .wp-caption.alignleft + ol { list-style-position: inside; } /* Pagination */ ul.page-numbers { margin: 20px; display: inline-block; padding: 0 0 0 0; line-height: normal; box-sizing: border-box; width: 100%; } ul.page-numbers li { float: left; } ul.page-numbers a, ul.page-numbers span { padding: 2px 5px; margin: 0 5px 0 0; text-decoration: none; color: #3B6E8F; } ul.page-numbers a:hover, ul.page-numbers span.current { font-weight: 700; } ul.page-numbers a.prev, ul.page-numbers a.next {background: #3B6E8F; color:#D9D9D9 } .installation article h2 {padding-top: 60px;} .page aside div {color: #fff;} .page aside div p {padding: 20px;} .page aside div img {max-width: 100%; height: auto;} .page aside div h3 {font-family: 'Cardo', sans-serif; font-style: italic; font-size: 46px; line-height: 100%; padding:55px 20px 20px 20px; font-weight: 400; } #browse-cat { text-transform: uppercase; margin-top: 20px;} #global_nav .ubermenu-column-id-2380-col-0 {padding-top: 0;} #footer-container {color: #7F8184; padding: 25px 0; background: #D9D9D9 ;} footer { border-bottom: 1px solid #fff; padding: 25px 0;} footer li {} footer li a {color: #7F7F84; text-decoration: none; display: inline-block; padding-bottom: 15px; font-size: .8em;} footer li a:hover {text-decoration: underline;} footer .motif img{float: right; padding-top: 70px;} footer #mc_embed_signup {background-color:#939598; padding: 10px;} footer .span_4 {padding-bottom: 20px;} footer .sub-menu, footer #menu-item-897 {display: none;} .footer-logo {text-align: center;} #newsletter h3 {background-color:#939598; padding: 10px 10px 5px 10px; color: #fff; display: inline-block; text-transform: uppercase; font-size: .7777em; line-height: 100%; } #copyright {margin-top: 20px; font-size: 12px;} .contact1 {font-size: .7777em;} .red, .green, .yellow, .divrei-color { position: relative; margin-bottom: 20px;} .red {background: #8D0838; margin-left: 0;} .green { background: #9DA273; color: #fff; padding: 30px 30px 20px 30px;} .yellow { background: #C4950A; margin-top: 20px; padding: 30px; color: #fff;} .yellow h2 {font-size: 1.4em; margin-top: 30px;} .yellow #gallery-1 img {border: none; width: 90%; height: auto;} .page article .gallery {padding-left: 20px;} .page article .gallery img {border: none; width: 90%; height: auto;} .red img {width: 100%; height: auto;} .red p, .green p {padding:20px 30px 25px 30px; color: #fff;} .red p a.more-link {color: #fff; font-weight: bold; text-decoration: none;} .red p a.more-link:hover {color: #7F8084} .green h3 {font-family: 'Cardo', sans-serif; font-style: italic; font-size: 46px; line-height: 100%; padding: 30px 0 30px 0; font-weight: 400; } .maven {float: right; padding: 20px 0; color: #7F7F84; font-size: .6em; text-transform: uppercase; text-decoration: none;} aside div.row {padding: 50px 20px 20px 20px; color: #fff; min-height: 180px; margin-bottom: 20px; margin-top: 0;} aside div.row a {font-weight: bold; text-decoration: none; text-decoration: none; color: #fff;} aside div.row p {padding: 0; } aside div.row ul li {padding: 10px 0; } aside div.row ul li .sub-menu li {padding: 3px 0; } aside div.row ul li .sub-menu li a {font-weight: normal; font-size: .8em;} .dpe-flexible-posts li {padding: 10px 0; border-bottom: #FEEBF1 solid 1px; display: block; } .widget_dpe_fp_widget a.view-all{padding: 10px 0 10px 20px; text-transform: uppercase; color: #fff; text-decoration: none; font-weight: bold; display: block; } #global_nav .ubermenu .ubermenu-submenu a.view-more { padding: 0 0 20px 30px; text-transform: uppercase; color: #fff; text-decoration: none; font-weight: bold; display: inline-block; } .widget_dpe_fp_widget a.view-all:hover, #global_nav .ubermenu .ubermenu-submenu a.view-more:hover {color: #3B6E8F} aside div.row h3 {font-family: 'Cardo', sans-serif; font-style: italic; font-size: 26px; line-height: 120%; padding:0; font-weight: 400; } aside div.row time {font-size: .7em; text-transform: uppercase; display: block; margin: 5px 0; } /* ========================================================================== Media Queries ========================================================================== */ .post-password-form input, .ocr-form .gform_wrapper input[type=text],.ocr-form .gform_wrapper input[type=url],.ocr-form .gform_wrapper input[type=email],.ocr-form .gform_wrapper input[type=tel],.ocr-form .gform_wrapper input[type=number], .ocr-form .gform_wrapper input[type=password] {border:solid 1px #666; font-size: 13px; } .gform_wrapper, .gform_confirmation_wrapper, .post-password-form {padding: 20px;} .inside-page_wrapper, .inside-page {padding: 0;} .ocr-form .gform_footer input[type=submit], #listing .gform_footer input[type=submit] {background:#8D0838; padding: 10px 40px; color: #fff; cursor: pointer; } #listing .gform_wrapper ul li.gfield {margin-bottom: 15px;} #listing .gform_wrapper .gsection {border-bottom: none; border-top: 1px dotted #CCC; padding-top: 10px; margin-top: 50px;} #listing .gform_wrapper .gsection h2 {color: #396D8E;} .gform_wrapper .description_above .gfield_description {font-family: 'Open Sans', sans-serif; } .post-password-form input {padding:5px; } .post-password-form input[type=submit] {margin-left:83px; margin-top: 10px; font-size: 1em; background:#8D0838; padding: 6px 20px; color: #fff; cursor: pointer; line-height: 1em; border: none; clear: both; display: block; font-family: 'Open Sans', sans-serif; } .post-password-form p {margin-bottom: 20px; } ul.instagram-pics {padding: 0 10px;} ul.instagram-pics li {width: 32%; float: left; margin: 0 1%;} ul.instagram-pics li a { border-radius: 3px; padding: 4px; border: #939598 solid 1px; display: inline-block; margin-right: 10px; margin-bottom: 10px; } ul.instagram-pics li:nth-child(1n) {margin-left: 0; } ul.instagram-pics li:nth-child(3n) {margin-right: 0; } ul.instagram-pics li a img {float: left; width: 100%;} #listing .gform_wrapper textarea, #listing .gform_wrapper input[type=text], #listing .gform_wrapper input[type=url], #listing .gform_wrapper input[type=email], #listing .gform_wrapper input[type=tel], #listing .gform_wrapper input[type=number], #listing .gform_wrapper input[type=password] {font-size: 13px;} .wpgform-dontsplit {padding: 20px 0; } #ss-submit, #ss-back-button {cursor: pointer; background: #396D8E; color: #fff; border: none; font-size: 1.2em; width: auto; padding: 5px 20px; margin-right: 40px;}#ss-back-button {margin-right: 10px;} .wpgform-column-wrapper ol {padding: 0;} .ss-form input, .ss-form textarea {font-size: 1em; padding: 5px; width: 80%;} .ss-form .errorbox-bad input, .ss-form .errorbox-bad textarea {color: #D8000C; background-color: #FFBABA; } .ss-form .error-message {display: block; color: #D8000C; padding: 5px; margin: 10px 0; } .ss-required-asterisk {color: red; } .ss-form input[type='checkbox'], .ss-form input[type='radio'] {font-size: 30px;} .goog-inline-block {display: inline-block; margin-right: 10px;} .article_content div.ss-form-container {font-family: 'Open Sans', sans-serif; } .ubermenu-skin-grey-white.ubermenu-responsive-toggle {background:none ;} @media only screen and (min-width: 480px) { } @media only screen and (min-width: 768px) { .banner .content {padding-right: 20px; padding-left: 20px; padding-top: 0;} .red, .green, .yellow {min-height: 450px; position: relative; margin-bottom: 0;} #megaMenu { }.banners .banner-content h3 {padding: 15px 20px 15px 20px; font-size: 1.25em; font-weight: normal; line-height: 115%; display: block;} .news-articles .container {display: flex; /* or inline-flex */;} footer .span_4 {padding-right: 60px; padding-bottom: 0} #priorities .intro h1 {font-size: 3.3333em;} #title img {width: auto;} #logo-bar {padding: 30px 0 ;} body {font-size: 18px; }.article_content {background: #fff; padding: 20px 20px 20px 0;} article#listing h1 {padding: 20px; font-size: 46px;} article#listing ul.article_posts li .span_2 {width: 15%;} article#listing ul.article_posts li .span_10 {width: 83%; } article#listing h2{ font-size: 1.6667em;} .banners .span_6 .row.blue-bg {border-bottom:#fff solid 6px; border-right:#fff solid 6px;} .banners .span_6 .row.green-bg {border-top:#fff solid 6px; border-right:#fff solid 6px; border-bottom: none;} .banners .span_6 .row.red-bg {border-bottom:#fff solid 6px; border-left:#fff solid 6px;} .banners .span_6 .row.yellow-bg {border-bottom:#fff solid 6px; border-left:#fff solid 6px; border-top:#fff solid 6px; } .banners .span_6 .row.teal-bg {border-top:#fff solid 6px; border-left:#fff solid 6px; border-bottom: none;} .news-articles .news {margin-bottom: 0 ;} .home .prorities .span_4 {padding-bottom: 0;} .news-articles h2 {font-size: 2.111em;} } @media only screen and (min-width: 1040px) { /* =============== Maximal Width =============== */ .banners .banner-content h3 {padding: 10px 15px 10px 15px; font-size: 1.35em; font-weight: normal; line-height: 115%; display: block;} } @media only screen and (max-width: 1040px) { .banners .span_6 {width: 100%;} .banners .banner-content h3 {padding: 10px 15px; font-size: 1.15em; font-weight: normal; line-height: 115%; display: block;} } @media only screen and (min-width: 1300px) { /* =============== Maximal Width =============== */ .banners {padding-bottom: 20px; padding-left: 7%; padding-right: 7%;} .banners .banner-content h3 {padding: 10px 15px 10px 15px; font-size: 1.35em; font-weight: normal; line-height: 115%; display: block;} } /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ========================================================================== Print styles ========================================================================== */ @media print { } /* Added */ .sidebar-news { padding-left: 15px; } .sidebar-news > li{ position: relative; } .sidebar-news span{ cursor: pointer; } .sidebar-news span.right::before { content: "▶ "; left: -22px; position: absolute; top: 12px; vertical-align: middle; font-size: 12px; } .sidebar-news span.down::before { content: "▼ "; left: -25px; position: absolute; top: 12px; vertical-align: middle; font-size: 12px; } .media-view-more span{ font-size: 14px; } .special-tab-viewall .view-all-media{ text-align: center; } aside .special-tab-viewall{ padding: 15px !important; background : #7f8184 none repeat scroll 0 0; min-height: inherit !important; } .post-type-archive-article #listing::before { background: #002f65 none repeat scroll 0 0; color: #fff; content: "Media"; font-size: 14px; font-weight: bold; padding: 12px; position: absolute; text-transform: uppercase; top: -43px; } .post-type-archive-article #listing{ margin-top: 43px; } .article_posts time{ color: #002F65; } .tag.blue > a { background: #002f65 none repeat scroll 0 0; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 2px; } .tag.blue { display: inline-block; float: left; padding-right: 5px; } .tag.rdark > a { background: #8D0838 none repeat scroll 0 0; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 2px } .tag.rdark { display: inline-block; float: left; padding-right: 5px; } .tag-cloud { padding-top: 15px; } aside .sidebar-news a{ font-weight: normal !important; } .media-related img{ min-height: 235px; } .news-related img{ min-height: 235px; } #listing .read-more{ color: #7F8084; font-weight: bold; text-decoration: none; } .article_posts .read-more{ color: #7F8084; font-weight: bold; text-decoration: none; } /* Divrei Taxonomy */ .divrei-color{ color: #3B6E8F; } ul.parent-divrei ul { padding-left: 5px; } .parent-divrei { padding-left: 15px; } .parent-divrei > li{ position: relative; } .parent-divrei div{ cursor: pointer; } .parent-divrei > li > div.right::before { content: "▶ "; left: -22px; position: absolute; top: 12px; vertical-align: middle; font-size: 12px; } .parent-divrei >li > div.down::before { content: "▼ "; left: -25px; position: absolute; top: 12px; vertical-align: middle; font-size: 16px; } .tag.dvar.blue a{ background: #3B6E8F; } aside .parent-divrei li ul li,aside .sidebar-news li ul li{ padding: 5px; } .sidebar-news span{ font-weight: bold; } /* Custom menu */ .ubermenu-main .ubermenu-item .ubermenu-submenu-drop { -webkit-transition-duration:300ms; -ms-transition-duration:300ms; transition-duration:300ms; } .ubermenu-main .ubermenu-item-layout-image_left > .ubermenu-target-text { padding-left:26px; } .ubermenu-main .ubermenu-item-layout-image_right > .ubermenu-target-text { padding-right:26px; } .ubermenu-main { background:none; border:none; box-shadow:none; } .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { border:none; box-shadow:none; } .ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar, .ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-full_width { left:0; } .ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop { margin-top:0; } .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { background:#9ea374; } .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { background:#8e0c3a; } .ubermenu-main .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight { background:#8e0c3a; } .ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop { background-color:#9ea374; border:1px solid #9ea37f; color:#ffffff; } .ubermenu-main .ubermenu-submenu .ubermenu-highlight { color:#ffffff; } .ubermenu-main .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-nonlink,.ubermenu-main .ubermenu-submenu .ubermenu-widget,.ubermenu-main .ubermenu-submenu .ubermenu-custom-content-padded,.ubermenu-main .ubermenu-submenu .ubermenu-retractor,.ubermenu-main .ubermenu-submenu .ubermenu-colgroup .ubermenu-column,.ubermenu-main .ubermenu-submenu.ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu.ubermenu-submenu-padded { padding:10px; } .ubermenu .ubermenu-grid-row { padding-right:10px; } .ubermenu .ubermenu-grid-row .ubermenu-target { padding-right:0; } .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { color:#ffffff; } .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover { color:#ffffff; } .ubermenu-main .ubermenu-submenu .ubermenu-item-header.ubermenu-current-menu-item > .ubermenu-target { color:#ffffff; } .ubermenu-main .ubermenu-item-normal > .ubermenu-target { color:#ffffff; font-size:14px; } .ubermenu.ubermenu-main .ubermenu-item-normal > .ubermenu-target:hover { color:#ffffff; } .ubermenu-main .ubermenu-item-normal.ubermenu-current-menu-item > .ubermenu-target { color:#ffffff; } .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main { background:#002f65; } .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:hover { background:#8d0838; }