/* Theme Name: jmw-ccrblog Theme URI: http://jmwest.com Author: jmwest Author URI: http://jmwest.com Description: Theme for Courage & Renewal blog. */ /********************************************************************************************/ /* OVERWRITE DEFAULT TAGS */ /********************************************************************************************/ /* clear margins and padding as a default */ * { margin:0; padding:0;} /*** blocks - reset some margin and padding ***/ p, table, ol, ul, fieldset{ margin: .75em 0 1.5em 0; padding: 0; font-size: 1em; font-weight: normal; line-height:1.6em;} /* padding if avoiding margin-collapse */ blockquote{margin: 1.25em 0 1.25em 25px; padding-left: 25px; } /***/ ol, ul { padding: 0 0 0 15px;} td {padding: 2px; font-size: 1.0em; line-height: 1.4em;} li {font-size: 1em; line-height: 1.6em; margin: .75em 0;} /*** headings ***/ h1, h2, h3, h4, h5, h6 {margin: .75em 0; padding: 0;font-weight: normal; line-height:1.4em;} h1{font-size:2em; margin-top: 1em; } h2{font-size:1.6em; margin-top: 1.5em; } h3{font-size:1.2em; font-weight: bold;} h4{font-size: 1em; font-style: italic;} /*** forms ***/ input, select, textarea {/*c*/border: 1px solid #bebebe; font-size: 1em; padding: 2px;} input[type=file], input[type=image], input[type=radio]{ border: none;} /*not all browsers understand so may need to manually fix */ /*option {margin-right: 10px;} /* options for select form field so end doesn't get cut off*/ input[type=image] {padding: 0;} textarea {font:normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;} /*** links, rules, img, and emphasis ***/ a, a:link, a:visited {color: #E02B04;/*#8e113a;/*#21616d;*/ text-decoration: none; } /*color of links*/ a:hover {text-decoration: underline;} img { border: none; max-width: 100%; } p img { max-width: 100%; } hr {/*c*/border:none; border-top: 1px solid #999999; height: 0; margin: 10px 0;} /*color of rules*/ strong {font-weight: bold;} em {font-style: italic;} /********************************************************************************************/ /* LAYOUT */ /********************************************************************************************/ body { background: #f3f3ea; /*color: #333333;*/ color: #000000; font-family: 'Open Sans', Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; line-height:1.2em; margin:0; padding:0;} #wrapper { background: #ffffff; width: 940px; margin: 0 auto; padding: 12px 20px 30px 20px; min-height: 100%; position: relative;} .pagewidth {width: 940px; padding: 0; margin: 0; position:relative;} /*** Topper & Header ***/ #header, header {height: 120px; position: relative; z-index:10;} #header .pagewidth { position:relative;} #header-branding {width:276px; height: 100%; position:absolute; top:0; left: 0; overflow: hidden;} #header-branding a {display: block; width: 100%; height: 100%; background: url(images/bordered-logo.png) top left no-repeat;} #header-title, #header-tagline {position: absolute; left: -9999px;} /*text titles*/ #header-logo { position:absolute; top:0; left: 0; width:220px; height: 120px; margin:0; padding:0; background: #ededed;} #header-logo-link {} #header-logo-image {} #header-content {left: 276px; width: 664px; height: 80px; position:absolute; top:18px; border-bottom: 7px solid #56836c;/*#49796b;*/} #link-to-ccr {display: none;} input#s {display: block; float: left; margin:0 10px 0 0;} input#s-mag {display: block; float: left; margin: 0 15px 0 0;} #header-social {position: absolute; top:0; right: 0; height: 20px; width: 170px;/*make width code via plugin later*/overflow:hidden;} .social-icons {text-indent: -9999em; width: 20px; height: 20px; float: right; margin: 0 10px 0 0 ; overflow:hidden;} .social-icons:first-child {margin:0;} .social-icons a {display: block; width: 20px; height: 20px; background: url(images/socialbuttons.png) top left no-repeat; overflow:hidden;} .social-icons a:hover {background-position: 0 -20px;} #ictwitter a, #fictwitter a { background-position: -40px 0;} #icrss a, #ficrss a { background-position: -80px 0;} #icitunes a, #ficitunes a {background-position: -120px 0;} #icyoutube a, #ficyoutube a{background-position: -160px 0;} #iclinkedin a, #ficlinkedin a {background-position: -200px 0;} #icvimeo a, #ficvimeo a {background-position: -240px 0;} #ictwitter a:hover, #fictwitter a:hover { background-position: -40px -20px;} #icrss a:hover, #ficrss a:hover { background-position: -80px -20px;} #icitunes a:hover, #ficitunes a:hover {background-position: -120px -20px;} #icyoutube a:hover, #ficyoutube a:hover{background-position: -160px -20px;} #iclinkedin a:hover, #ficlinkedin a:hover {background-position: -200px -20px;} #icvimeo a:hover, #ficvimeo a:hover {background-position: -240px -20px;} #header-content .widget_text {position: absolute; top: 0; right: 170px; text-align: right; width: 200px; height: 28px; padding: 0 } #header-content .widget_text a {display: block; width: 176px; height:20px; padding: 4px 24px 4px 0; height: 20px;} .widget_text a:before { content: ""; width: 20px; height: 20px; background: url(images/socialbuttons.png) -280px 0 no-repeat; float: right; margin: -4px -24px 0 0;} #header-content .widget_text a, #header-content .widget_text a:link, #header-content .widget_text a:visited {color: #666666; font-size: 12px; font-weight: bold;} #header-content .widget_search {position: absolute; top: 0; right: 370px; } #header-content .widget_nav_menu {width:auto; float:right; margin-top: 60px; list-style: none;} /*** Main ***/ #main {background: #ffffff; z-index:5;} #main .pagewidth {} /*** 2-column right sidebars: ***/ #container{ float:left; width: 100%; margin:0 -310px 0 0; } #home-top { float:left; width: 100%; margin:0 -285px 0 0;} #content { padding-top:1px; /* avoid margin collapse */ margin:0 310px 0 10px;} #home-top-content {padding-top:1px; /* avoid margin collapse */ margin:0 285px 0 0;} #container:before, #container:after, #home-top:before, #home-top:after {/*clearfix*/ content:''; display: table;} #container:after, #home-top:after {clear:both;} .sidebar { float:right; overflow:hidden; width:270px;} #primary {margin-top: 0;padding-top: 30px;} #secondary { clear:right;} /*** full page, no sidebars ***/ #container.fullpage{margin:0;} #content.fullpage {margin: 0 10px;} /*** 3 column page ***/ #content.col3 {margin:0 310px 0 0;} .centercolumn {width: 100%; margin: 10px 0 0 -200px;float: right;} #content.col3 article {margin: 0 0 0 200px;} #leftcolumn {margin:30px 0 0 0; width: 180px;/* width of secondary sidebar */float: left;} .home #leftcolumn {margin-top: 10px;} .home #primary {padding-top: 10px;} .home h1.article-title {margin-top: 0;} /*** Footer ***/ #footer {clear:both; padding: 0; /***/ min-height: 60px;border-top: 4px solid #56836c; margin-top:30px} #footer-links {} #footer-content {padding:3px; text-align: left; padding-left: 40px; font-size:11px;border-bottom: 1px solid #56836c; overflow:auto;} #footer-content:before{ content: ""; width: 32px; height: 35px; float: left; background: url(images/symbols.png) left 3px no-repeat; margin: -3px 0 0 -40px} #footer-content div {float: left; margin: 0 20px 0 0;} #footer-content div p {text-align: left;} #footer-social {float: right; margin-top: 20px; height: 20px; width: 170px;/*make width code via plugin later*/overflow:hidden;} #footer .pagewidth:before, #footer .pagewidth:after {content:''; display:table;} #footer .pagewidth:after {clear:both;} .modal {display:none;} /*** Nav Lists & Inline (wp) ***/ .menu-navmenu-container ul, .sidebar ul {list-style: none;} .inline-menu {text-align: center;padding: 10px 0;} /*** Columns, Floats, Etc. ***/ /*.col-third {width: 308px; margin-right: 24px;}*/ .col-third {width: 300px; margin-right: 36px;} .col-quarter {width: 228px; margin-right: 20px;} .col-third.lastcol, .col-quarter.lastcol {margin-right: 0;} .left {float: left;} .right {float: right;} .alignleft, img.left, .facilitator-thumbnail {float: left; margin: 2px 15px 10px 0px} .alignright, img.right {float: right; margin: 2px 0 10px 15px;} .clear {clear: both;} .none {display: none;} /********************************************************************************************/ /* NAVBAR */ /********************************************************************************************/ /*** These styles only work when menu is named NavBar and placed in Horizontal Navbar Menu ***/ /*** Main Horizontal NavBar and Menu ***/ #navbar {/*c*/font-size: 16px; height: 30px; left: 266px; top: 78px; width: 694px; position: absolute; z-index:100; } #navbar ul {padding: 0;} .menu-navbar-container {width:auto; height:100%; margin: 0 auto; padding: 0; z-index:120; float: right;} /*pagewidth*/ #menu-navbar {margin:0 0 0 -15px; position: relative; list-style:none; padding:0; } /*ul*/ /*** First Level Menu Item Styling ***/ #menu-navbar li {float:left; margin:0; padding:0; position: relative;} #menu-navbar a {height:18px; padding:3px 15px; font-weight:bold; line-height: 16px; display:block; margin:0; text-decoration: none; font-size: 12px; } /*** Submenu Styling ***/ #menu-navbar li ul {width: 234px; text-align: left; left: -9999em; position:absolute; list-style:none; margin:0; } #menu-navbar li ul ul {position: relative; top: auto; border: none; width: auto; padding-left: 15px;} #menu-navbar li:hover ul { left: 0; top: 24px; } /* popup menu comes on-screen */ #menu-navbar li:hover ul ul {top: auto;} #menu-navbar li li {width: 100%;} /*** Menu Background & Colors ***************************************************************************/ /*c*/ #navbar {background: #ffffff; border-none;} /*bar across screen or wrapper*/ .menu-navbar-container {background:#ffffff;} /*bar across pagewidth*/ #menu-navbar a {background: #ffffff; color: #3c6b5d;border-left:1px solid #49796b;} /* menu items style */ #menu-navbar a:hover {color: #57999f} /* menu item hover style */ #menu-navbar li:first-child a {border: none;} #menu-navbar ul {width: 224px;border:1px solid #49796b; background: #ffffff;}/*submenu style - top border should match width of #navbar bottom border*/ #menu-navbar ul a {/*border-top:1px solid #49796b;*/ border-left: none; font-weight: normal; font-size: 11px;} /*submenu item style*/ /*** Mobile ***************************************************************************/ .nav-button {display: none; height: 0; width: 0;} .exp-button {display: none; height: 0; width: 0; position: absolute;} /********************************************************************************************/ /* CONTENT STYLING */ /********************************************************************************************/ /*** Sizing ***/ .small, small {font-size: .9em;} .small {font-size: .9em;} .small-italic {font-size: .9em; font-style:italic} .smaller {font-size: .8em;} .large {font-size: 1.1em;} .larger {font-size: 1.2em;} .largerer {font-size: 1.4em;} .invis {display: none;} #content h3 {font-family:Georgia, 'Goudy Bookletter 1911', "Times New Roman", serif; font-size:18px; font-weight:bold;margin-top: 1.5em;} /*** Fonts ***/ .goudybookletter {font-family: 'Goudy Bookletter 1911', Georgia, Times, "Times New Roman", serif; font-size: 18px;} .georgia {font-family:Georgia, Times, "Times New Roman", serif;} /*** Posts Archive ***/ .blog #content { margin: 0; } .post-item { margin: 0 310px 0 10px; } .search .post-item { margin: 0 0 0 10px; } .post-meta { max-width: 610px; } /*.post-item-title {margin-top: 30px; border-top:4px solid #57999f; color: #57999f; font-family:Georgia, "Times New Roman", Times, serif; padding-top: 1px; width: 450px; float: right;} .post-item-title a, .post-item-title a:link, .post-item-title a:visited, .post-item-title a:hover { color: #57999f; text-decoration: none;} .post-content {width: 450px; float: right;} .post-meta {width: 130px; float: left; font-family:Georgia, "Times New Roman", Times, serif;font-size: 11px; overflow:hidden;} .post-meta a, .post-meta a:link, .post-meta a:visited {color:#333333;} .post-meta.top {background : url(images/left-col-top.png) top left no-repeat; margin-top: 30px;} .post-meta.bottom {border-bottom: 1px solid #c7d8c6;border-top: 1px solid #c7d8c6; } .post-meta-left {} .post-meta-right {} .posted-by {display: none;}*/ .post-item-title {margin-top: 30px; border-top:4px solid #57999f; color: #57999f; font-family:Georgia, "Times New Roman", Times, serif; padding-top: 1px; font-size: 22px; padding-top: 8px;} .post-item-title a, .post-item-title a:link, .post-item-title a:visited, .post-item-title a:hover { color: #57999f; text-decoration: none;} .post-content {width: auto; float: none;} .post-meta {width: auto; float: none;overflow:auto;} .post-meta.bottom {border-bottom: 1px solid #c7d8c6;border-top: 1px solid #c7d8c6; background: #e8efe7; padding:10px; } .post-meta-left {width: 45%; float: left; padding: 0;} .post-meta-right {width: 45%; float: right; text-align: right; padding: 0; } .post-home-image img {width: 140px; height: auto;} .more-link {font-style: italic;} .older-newer {border-top: 1px solid #ededed;overflow: hidden; margin-top: 25px;} .older-newer:before, .older-newer:after {/*clearfix*/ content:''; display: table;} .older-newer:after {clear:both;} .older-newer a:hover {color: #49796b; text-decoration:none;} .older {width: 135px; float: left; position: relative; padding: 10px 0; } .older a {display: block; width: 115px; height: 100%; padding: 0 0 0 16px; position: relative; } .older a:after {content:''; height: 0; width:0; position: absolute; left:-6px; top: 2px; border: 6px solid transparent; border-right-width: 10px; border-right-color:#57999f;} .older a:hover:after {border-right-color:#49796b;} .newer {width: 135px; float: right; text-align: right; padding: 10px 0; position: relative; } .newer a{display: block; width: 115px; height: 100%; padding: 0 20px 0 0; position: relative; } .newer a:after{content:''; height: 0; width:0; position: absolute; left: 121px; top: 2px; border: 6px solid transparent; border-left-width: 10px; border-left-color:#57999f;} .newer a:hover:after{border-left-color:#49796b;} /*** Single Post ***/ #post-banner {margin: 0 -10px;} .blog #post-banner, .page #post-banner {margin: 0;} h1.article-title { font-family:Georgia, "Times New Roman", Times, serif; margin: .5em 0;margin-top: 30px; color: #57999f;} h1.article-title a {color: #57999f; font-family:Georgia, "Times New Roman", Times, serif; padding-top: 1px; } h1.profile-title { font-family:Georgia, "Times New Roman", Times, serif; margin: .5em 0;margin-top: 30px; color: #57999f; margin-bottom: 0;} .prev-next {overflow:auto; } .prev {width: 46%; float: left; padding: 0; } .next {width: 46%; float: right; text-align: right; padding: 0;} .single .post-item-title, .single .post-content {width: auto; float: none;} .single .post-meta {width: auto; float: none;overflow:auto;} .single .post-meta.bottom {border-bottom: 1px solid #c7d8c6;border-top: 1px solid #c7d8c6; background: #e8efe7; padding:10px; } .single .post-meta-left {width: 45%; float: left; padding: 0;} .single .post-meta-right {width: 45%; float: right; text-align: right; padding: 0; } .prev-next {border-top: 1px solid #ededed;overflow: hidden; margin-top: 25px;} .prev-next:before, .prev-next:after {/*clearfix*/ content:''; display: table;} .prev-next:after {clear:both;} .prev-next a:hover {color: #49796b; text-decoration:none;} .prev {width: 135px; float: left; position: relative; padding: 10px 0; } .prev a {display: block; width: 115px; height: 100%; padding: 0 0 0 16px; position: relative; } .prev a:after {content:''; height: 0; width:0; position: absolute; left:-6px; top: 2px; border: 6px solid transparent; border-right-width: 10px; border-right-color:#57999f;} .prev a:hover:after {border-right-color:#49796b;} .next {width: 135px; float: right; text-align: right; padding: 10px 0; position: relative; } .next a{display: block; width: 115px; height: 100%; padding: 0 20px 0 0; position: relative; } .next a:after{content:''; height: 0; width:0; position: absolute; left: 121px; top: 2px; border: 6px solid transparent; border-left-width: 10px; border-left-color:#57999f;} .next a:hover:after{border-left-color:#49796b;} .single .post-content img {max-width:580px; height: auto;} #ssba {margin: 20px 0;} #ssba img {width: 26px !important;} #ssba, #ssba a {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} /*** Comments ***/ #comments {border-top: 1px solid #000000; margin-top: 30px; padding-top: 15px;} #comments h3 {} #comments ul {padding: 0;} li.comment {background: #f3f3ea; font-size: 13px;margin: 15px 0; padding: 8px;list-style: none;} .comment-meta {font-size: 11px; font-style:italic;} /*** Comment Form ***/ #respond {margin-top: 20px; border-top: 1px solid #ededed;} #commentform label {display: inline-block; font-weight: bold; width: 80px;} #commentform .comment-form-url label {width:85px;} /*to match weird scooch with required fields*/ .required {color: #ff0000;} /*** Page ***/ .content-callout {width: 210px; border: none;} .content-callout.bordered {padding: 15px;} .content-callout.tiled {background: url(images/tile-top.png) top center no-repeat #e4f3e4; padding: 10px;} .content-callout.left {margin: 5px 25px 15px 0px} .content-callout.right {margin: 5px 0 15px 25px;} /*** Specific Page Content ***/ .showcase-slide-image {float: left; width: 640px;} .showcase-slide-text {font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; line-height: 1.2em; width: 295px; height: 300px; display: table-cell; vertical-align: middle; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1)} .showcase-slide-text a, .showcase-slide-text a:link, .showcase-slide-text a:visited, .showcase-slide-text a:hover {color: #333333; text-decoration:none;} .home .post-content img {max-width:580px; height: auto;} #home-bottom-content ul {list-style: none; padding:0;} #home-bottom-content li {width: 196px; margin-left: 16px; float: left;} #home-bottom-content li:first-child {margin-left: 0;} #home-bottom-content:before, #home-bottom-content:after { content:''; display:table;} #home-bottom-content:after{clear:both;} div.css-search.has-advanced div.em-search-main {border-bottom: 1px solid #c7d8c6;} div.css-search {border: 1px solid #c7d8c6;} div.em-search-advanced label {margin-right: 8px; padding-top: 7px;} .events-table {width: 100%;margin-bottom: 30px;} .events-table th {text-align:left; text-transform:uppercase;} .events-table th, .events-table td {vertical-align: top;} .events-table td {border-top: 1px solid #c7d8c6; padding: 6px 0 10px 0;} div.css-search div.em-search-main .em-search-submit {background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6f9d85), color-stop(1, #56836c) );} div.css-search div.em-search-main .em-search-submit:hover {background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #93c5ab), color-stop(1, #6f9d85) );} .event-date-block {text-align: center; margin: 0;width: 60px; padding: 5px 10px;background: #57999f; color: #ffffff; font-weight: bold;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;text-shadow: 1px 1px 2px #333333;} .type-event .single-event-location { margin-bottom: .5em;} .type-event ul.event-categories {list-style: none; padding:0; margin-bottom: .5em;} .type-event ul.event-categories li {display: inline;} .type-event ul.event-categories li:after {content:' | '; font-weight: bold;} .type-event ul.event-categories li:last-child:after {content:' '} .userlist thead tr th, .userlist tfoot tr th{background: #e8efe7;} table.userlist, .userlist td, .userlist th {border-color: #c7d8c6;} .tablenav {margin-top: 4px;} .em-pagination {display: block; float: right;} .em-pagination a.page-numbers {border: 1px solid #666666; padding: 3px 6px;text-decoration: none; background: #EEEEEE; color: #666;} .em-pagination .page-numbers.current {border: 1px solid ##D3D3D3; background: #dfdfdf;padding: 4px 7px;text-decoration: none;} .next.page-numbers, .prev.page-numbers { display:inline; float:none;} .event-category-links ul.event-categories, .event-category-links li {margin-top: 0;} .event-category-links {margin-bottom: 30px;} /*Leading Together*/ #page-14359 h1 { display: none; } .su-tabs-nav span { color: #adffd1 !important; font-size: 16px !important; font-weight: bold !important; } .su-tabs-pane h2 { color: #d34e1a !important; font-size: 14px !important; font-family: 'Open Sans', Verdana, Geneva, Arial, Helvetica, sans-serif !important; font-weight: bold !important; } .su-tabs-pane p { font-size: 14px !important; line-height: 20px !important; font-family: 'Open Sans', Verdana, Geneva, Arial, Helvetica, sans-serif !important; } #page-14359 .content-callout { border-radius: 5px !important; background: #ffc671 !important; } #page-14359 .content-callout h3 { color: #fff !important; font-size: 16px !important; font-weight: bold !important; font-family: 'Open Sans', Verdana, Geneva, Arial, Helvetica, sans-serif !important; } #page-14359 .content-callout p, #page-14359 .content-callout a, .su-posts-teaser-loop h2.su-post-title, .su-posts-teaser-loop h2.su-post-title a { font-size: 14px !important; font-family: 'Open Sans', Verdana, Geneva, Arial, Helvetica, sans-serif !important; font-weight: normal !important; } #page-14359 .content-callout a, .su-posts-teaser-loop h2.su-post-title a { color: #fff !important; } #page-14359 .content-callout a:hover, .su-posts-teaser-loop h2.su-post-title a:hover { color: #3d81b2 !important; } /*Stories*/ .storythumb {width: 300px; float:left; margin: 30px 30px 10px 0; position:relative;} .storythumb a {display: block; width: 300px; height: 230px; position: relative;} img.storypic {display: block; width: 300px; height: 200px; position: relative;} .playbutton{position: absolute; width: 50px; height: 34px; bottom: 48px; right: 18px; background: url('images/play.png'); text-indent:9999em;overflow: hidden;} .storygrid {margin-right: -41px} .storythumb p {text-align: center; font-weight: bold;} /*Profile/Registration*/ #your-profile h3, #registerform h3 { margin-top: 3em; border-top: 1px solid #cecece; padding-top: 10px; text-transform:uppercase;} #your-profile .field, #registerform .field {display: block; clear: both; padding: 1px 0; margin-bottom: 6px;} #your-profile p.label, #registerform p.label {float: left; width: 150px; margin: 10px 10px 10px 0; font-weight: bold; color:#666666;} .acf_postbox p.label label {color: #666666; font-size: 12px;} .acf-input-wrap {padding-top: 4px; } #your-profile input, #registerform input {width: 250px; padding: 4px; line-height:1em; height: auto;} #your-profile input.add-image, #registerform input.add-image {width: auto; padding: 6px;} #your-profile input.button-primary, #registerform input.button-primary{width: auto; padding: 6px;} #your-profile .true_false input, #registerform .true_false input {padding-top:4px;} #your-profile select, #registerform select {max-width: 580px; clear: both;} ul.acf-checkbox-list.true_false {list-style:none;} .acf_postbox > .inside > .field {border: none;} #your-profile #acf-exclude_from_directory, #registerform #acf-exclude_from_directory {display: none;} #your-profile #acf-facilitator_photo, #registerform #acf-facilitator_photo {display: none;} #your-profile #acf-facilitator_address, #your-profile #acf-facilitator_upcoming_retreats {display: none;} .page-id-1039 #loginform1 {display: none;} .facilitator-profile {margin-top: 40px;} .facilitator-profile p a, .facilitator-profile p a:link, .facilitator-profile p a:visited {text-decoration:underline;} /*** Sidebar ***/ .sidebar {font-size: .9em;} .sidebar ul, #leftcolumn ul {padding:0; margin: 0; list-style:none;} li.widget-sidebar {margin-bottom:65px; margin-top: 0;} li.widget-sidebar.widget-homesb {margin-bottom: 16px;} li#text-3 {margin-bottom: 0;} .sidebar h3 {background: #56836c;/*#c2dac2;*/ padding: 4px; font-size:12px; color: #ffffff; text-shadow: 1px 1px 2px #333333; margin-top: 0;} .sidebar a, .sidebar a:link, .sidebar a:visited {color: #40695d} li.widget-sidebar li {padding: 0 3px 3px 15px; border-bottom: 1px dashed #c2dac2; } li.widget-sidebar li li {border-bottom: none;} /*** Specific Sidebar Content ***/ .quotescollection-quote {background: url(images/symbols.png) center -32px no-repeat; padding:50px 25px 0 25px; font-size:16px; line-height:22px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif;font-style:italic; color:#56836c/*#709970*/;} .quotescollection-quote attribution {text-align: center; font-style:normal; margin-top: 12px;} #loginform1 {margin: 10px 15px; padding: 0 15px; border:1px dashed #c2dac2;} .homebutton {height: 64px; display:block; font-family:Georgia, "Times New Roman", Times, serif; color: #ffffff; font-size: 24px; padding-top: 44px; text-align: center; text-shadow: 1px 1px 2px #222222;} .sidebar a.homebutton, .sidebar a.homebutton:link, .sidebar a.homebutton:visited {color: #ffffff} a.homebutton:hover {text-decoration:none; text-shadow: none; } #homebutton1 {background-color: #49796b;} #homebutton2 {background-color: #9bd560;} #homebutton3 {background-color: #57999f;} q:lang(en) {quotes: "" "" "" "";} /*** Holiday Support Message ***/ #holiday-support {width: 100%; height: 356px;background: url(/images/banners/special/hs-bg-1.jpg) top left no-repeat; background-size: 100% auto; margin-bottom: 36px; position: relative;} #holiday-support-note { display: block; width: 375px; height: 291px; float: left; margin: 30px 0 0 290px;background: url(/images/banners/special/ParkerMessage1.png) center center no-repeat;} #holiday-support-donate {display: block; width: 229px; height: 229px; float: right; background: url(/images/banners/special/hs-donate.png) center center no-repeat;margin: 32px 26px 0 0;} #holiday-support-donate:hover { background: url(/images/banners/special/hs-thankyou.png) center center; } #holiday-support-text:before, #holiday-support-text:after {content: ''; display: table;} #holiday-support-text:after{clear: both;} .catalyst-slideshow {float: right; margin: 2px 45px 38px 20px; /*width: 200px;height: 200px;*/ overflow: hidden;width: 225px; height: 225px;} /***********************************************************************************************/ /* RESPONSIVE LAYOUT MODIFICATIONS */ /***********************************************************************************************/ @media only screen and (min-width: 768px) and (max-width: 991px) { /* ipad / tablet */ #wrapper {width: 720px; padding: 12px 15px 30px 15px;} .pagewidth {width: 720px; padding:0;} #header, header {height: 114px;} #header-content {width: 444px; position: relative; } #header-content .widget_nav_menu {position: absolute; right:0; bottom: -50px; width: 700px; } #header-content .widget_search {position: absolute; top:30px; right: 0; } .menu-ccrblog-container {padding-left:0; width: auto; float: right;} #menu-ccrblog a { padding:0 7px;} #main {padding-top: 25px;} #container { margin:0 -260px 0 0;} #home-top { margin:0 -255px 0 0; height: 252px !important} #content { margin:0 260px 0 0;} #home-top-content { margin:0 255px 0 0;} #home-bottom-content li:first-child {margin-left: 16px;} #content img, #content iframe {max-width: 460px;} #content iframe.vimeo620 {height: 259px;} #your-profile select, #registerform select {max-width: 460px} #content img {height: auto;} .sidebar {width: 240px;} .sidebar img {max-width: 240px;} #footer-content div {float: left; margin: 0 10px 0 0;} #showcase {display: none;} #post-banner{width: 720px; margin:0} #post-banner img {width: 720px; height: auto; } .post-item-title, .post-meta , .post-content {width: auto; float: none;} .post-item-title {height: auto;} .post-meta.top {background : none; margin-top: 5px;} .post-meta.bottom {background: #e8efe7; padding:0 12px;} .post-home-image img {width: 274px; height: auto;} input#s-mag {display: block; float: left; margin: 0;} #usertable.userlist {font-size: 11px;} #usertable.userlist td {background: #ffffff;} .homebutton {height: 44px; padding-top: 30px;} #home-top-content .slideshow_container, #home-top-content .slideshow_content, #homecontenttop-image {height: 252px !important; overflow:hidden;} li.widget-sidebar.widget-homesb {margin-bottom: 15px;} #navbar {top: 126px; left: 15px; width: 720px;} .storygrid {margin-right: 0;} .storythumb {float: none; margin: 30px auto;} #holiday-support { height: 273px} #holiday-support-note { display: block; width: 288px; height: 223px; float: left; margin: 30px 0 0 230px;background-size: 100% auto; } #holiday-support-donate {display: block; width: 177px; height: 178px; float: right; background-size: auto 100%;margin: 30px 15px 0 0;} #holiday-support-donate:hover {background-size: auto 100%; } .catalyst-slideshow {margin-right: 15px;} } @media only screen and (max-width: 767px) { /* mobile portrait */ /*#navbar {position: relative; width: 100%; top: auto; left: auto;}*/ #navbar {top: 30px; right:0; left: auto;width: 40px; background: none;} #post-banner{width: 276px; margin:0} #post-banner img {width: 276px; height: auto; } #wrapper {width: 276px; padding: 12px 12px 30px 12px;} .pagewidth { width: 276px; padding:0;} #header, header {height: 125px} #header-branding {width:194px; } #header-branding a {background: url(images/bordered-logo-sm.png) top left no-repeat;} #header-content {left: 194px; width: 82px; height: 50px; border-bottom: 4px solid #49796b;} #link-to-ccr {display: block; margin-top: 8px; text-align: right;} #link-to-ccr a, #link-to-ccr a:link, #link-to-ccr a:visited {color: #3c6b5d;font-size: 12px; font-weight: bold;} #header-social {display: none;} #header-content .widget_text {display:none;} #header-content .widget_search {left:-194px; right: auto; top: 80px } #header-content .widget_nav_menu {display:none;} #container, #content, #home-top, #home-top-content{ margin:0 } #content.col3,.centercolumn, #content.col3 article {margin: 0; float: none;} #home-top {height: 149px !important; margin-bottom: 25px;} #home-bottom-content li, #home-bottom-content li:first-child {margin: 15px auto; float: none;} #home-sidebar {float:none; clear:both;} #home-top-content .slideshow_container, #home-top-content .slideshow_content, #homecontenttop-image {height: 149px !important; overflow:hidden;} .homebutton {height: 44px; padding-top: 30px;} #showcase {display: none;} .single .post-meta-left {width: auto; float: none; padding: 0;} .single .post-meta-right {width: auto; float: none; text-align: left; padding: 0; margin-top: 20px; } .sidebar {float: none; margin: 0 3px;} #leftcolumn {float: none; clear: both;} .facilitator-thumbnail {float: none; margin: 0 auto;} #content img, #content iframe {max-width: 276px !important} #content iframe.vimeo620 {height: 155px; } #your-profile select, #registerform select {max-width: 276px} #your-profile p.label, #registerform p.label {float: none;} #your-profile .field_type-true_false p.label, #registerform .field_type-true_false p.label {float: left;} #content img {height: auto;} /*.post-item {margin-top: 45px;}*/ .post-item { margin: 45px 0 0; } .post-item:first-child {margin-top: 0;} .post-item-title {margin-top: 10px;} .post-item-title, .post-meta , .post-content {width: auto; float: none;} .post-item-title {height: auto;} .post-meta.top {background : none; margin-top: 5px;} .post-meta.bottom {background: #e8efe7; padding: 0 12px; margin: 0 -12px;} .post-home-image img {width: 274px; height: auto;} #usertable.userlist {font-size: 11px;} #usertable.userlist td {background: #ffffff;} #footer-social {width: 140px; float: none; margin: 10px auto;} #footer-content div {float: none;} /* mobile nav menu */ .menu-navbar-container { width: 276px; } .nav-button {background: url('images/m-menu.png') center center no-repeat; right: 5px; width: 28px; height: 22px; display: block; position: absolute; top: 0px; cursor: pointer; border: 0 none; z-index: 999; text-indent: -9999px;} .nav-button:hover { border: none;} .nav-button.open { background: url('images/m-close-menu.png') center center no-repeat;} .exp-button {background: url('images/m-expand.png') center center no-repeat; right: 0; width: 26px; height: 28px; display: block; position: absolute; top: 0; cursor: pointer; border: 0 none; z-index: 999; text-indent: -9999px;} ul.sub-menu .exp-button {display: none;} .exp-button.expanded { background: url('images/m-collapse.png') center center no-repeat;} /* mobile nav menu */ .nav-button:hover { border: none;} #menu-navbar {width: 285px; top: 22px; right: 3px; float: right; display: block; height: 20px; margin: 0; padding: 0; overflow: hidden; position: absolute; z-index: 998; clear: both; border:none; } #menu-navbar li { display: none; width: 100%; } #menu-navbar li a { display: block; width: 100%; border-top:1px solid #49796b; border-left: none; padding: 6px 12px; font-size: 14px; } #menu-navbar>li>a {font-size: 16px;} #menu-navbar ul.sub-menu {display:none;} #menu-navbar li.expanded ul.sub-menu {display:block;} #menu-navbar ul.sub-menu a {border: none;} #menu-navbar > li:first-child {} /*submenu level #menu-navbar li ul {display:none;}*/ #menu-navbar li ul {position: relative; top: auto; border: none; width: auto; padding-left: 15px; left: auto;} #menu-navbar li:hover ul {left: auto; top: auto;} #menu-navbar li:hover ul ul {top: auto;} /* Toggle the navigation bar open */ #menu-navbar.open {/*c*/ height: auto; border:1px solid #49796b; background: #ffffff;} #menu-navbar.open li { display: block; } /*#menu-navbar.open li.expanded ul { display: block; }*/ .playbutton{bottom: 60px; right: 10px;} .storygrid {margin: 0;} .storythumb {float: none; margin: 30px auto; width: 276px;} .storythumb a {width: 276px;} #holiday-support {height: 846px;background: url(/images/banners/special/hs-bg-3.jpg) top left no-repeat; background-size: auto; padding-top: 1px;} #holiday-support-note { float: none; width:100% ; margin: 270px auto 0 auto; min-height: 315px; background: url(/images/banners/special/ParkerMessage.png) center center no-repeat; background-size: auto; } #holiday-support-donate {float: none; width: 194px; height: 194px; float: none; background-size: auto 100%;margin: 10px auto; top: 640px; position: relative; } #holiday-support-donate:hover { background-size: auto 100%; } .catalyst-slideshow {float: none; margin: 12px auto;} } @media only screen and (min-width: 480px) and (max-width: 767px) { /* mobile landscape */ #wrapper {width: 468px; padding: 12px 8px 30px auto; } #navbar {right: 8px; } #post-banner{width: 468px; margin:0;} #post-banner img {width: 468px; height: auto; } .pagewidth {width: 468px; padding:0;} #header-content { width: 274px; } #home-top {height: 254px !important; margin-bottom: 25px;} #home-sidebar {width: 468px;} #home-top-content .slideshow_container, #home-top-content .slideshow_content, #homecontenttop-image {height: 254px !important; overflow:hidden;} .sidebar {float: none; margin: 0;} #content img, #content iframe {max-width: 468px !important;} #content iframe.vimeo620 { height: 263px;} #your-profile select, #registerform select {max-width: 468px} #your-profile p.label, #registerform p.label {float: left;} .post-meta.bottom {background: #e8efe7; padding: 0 12px; margin: 0 -8px;} #usertable.userlist {font-size: 11px;} #usertable.userlist td {background: #ffffff;} #home-bottom-content li {margin: 0 0 0 16px; float:left;} #home-bottom-content li:first-child {margin-left: 16px;} .playbutton{bottom: 50px; right: 0px;} #holiday-support {height: 464px; background: url(/images/banners/special/hs-bg-2.jpg) top left no-repeat;} #holiday-support-note { float: right; margin: 150px -6px 0 0; width: 276px;} #holiday-support-donate {float: left; margin: 225px 0 0 15px; top: auto;} #holiday-support-donate:hover {} .catalyst-slideshow {float: right; margin: 2px 0px 10px 15px;} } @media only screen and (max-width: 479px) { .content-callout.left, .content-callout.right {float: none; margin: 5px auto 15px auto;} }