/*############################################################################################################################################################################################################## # # GENERAL # ################################################################################################################################################################################################################*/ body { background-color:#ebebeb; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.42857; } .clear { clear: both; margin: 0; padding: 0; } /* HIDING UNTIL PRINT TIME */ #print_header, #print_footer { display:none;} /* HIDING THE CONTENT ON THE HOME PAGE */ body.front #content-wrapper { display:none;} /* DRUPAL ADMIN MENU */ body #admin-menu { z-index: 9999; } /* SCROLL TO TOP */ .scroll-top-wrapper { font-size:25px; position: fixed; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 99999999; background-color: #e19f52; color: #FFF; width: 50px; height: 48px; line-height: 48px; right: 30px; bottom: 30px; padding-top: 2px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .scroll-top-wrapper:hover { background-color: #abd386; } .scroll-top-wrapper.show { visibility:visible; cursor:pointer; opacity: 1.0; } .scroll-top-wrapper i.fa { line-height: inherit; } body.front #admin-menu { display: none !important;} #content-wrapper a.cta { background:#b5d382; border:1px solid #b5d382; font: 300 18px/normal 'Raleway', sans-serif; padding: 10px 30px; color:#fff; margin: 10px 0px 0px 0px; display:inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #content-wrapper a:hover.cta { background:#7e9d48; border-color:#5e7b2c; text-decoration:none;} /*############################################################################################################################################################################################################## # # INDEX PAGE HEADER # ################################################################################################################################################################################################################*/ #index_header { /*min-height:520px;*/ background: #fff url(../images/layout/index_header.jpg) no-repeat center bottom; padding-bottom:20px;} #index_header h2 { font: 300 38px/normal 'Raleway', sans-serif; color:#8ca24e/*b7cc7d*/; margin: 0px 0px 0px 35px; padding:0px;} #index_logo { margin:20px 0px 45px 10px;} #index_header ul, #index_header li { list-style:none; list-style-image:none; list-style-type:none; margin:0px; padding:0px;} #index_header li a { text-decoration:none; font: 300 24px/24px 'Raleway', sans-serif; color:#5c5758; margin:0px; padding:0px; background:url(../images/layout/sprite-index-checks.png) no-repeat 0px -160px; display:inline-block; padding:15px 0px 5px 38px;} #index_header li a:hover { background-position: 0px 0px; text-decoration:none; color:#000;} #index_header ul { margin:0px 0px 20px 35px;} #index_header { font: normal 16px/24x Arial, Helvetica, sans-serif; color:#545454;} #index_header h2 { color:#aec56e; font: 300 45px/normal 'Raleway', sans-serif; margin-top:0px; margin-left:0px;} #index_header h3 { color:#e19f52; font: 300 30px/normal 'Raleway', sans-serif; margin-top:0px;} #index_header a.cta { background:#b5d382; border:1px solid #b5d382; font: 300 18px/normal 'Raleway', sans-serif; padding: 10px 30px; color:#fff; margin: 10px 0px 0px 0px; display:inline-block;} #index_header a:hover.cta { background:#7e9d48; border-color:#5e7b2c; text-decoration:none;} /* IFRAME VIDEO */ .video-container { position: relative; width: 100%; height: 0; padding-bottom: 60%; } .video { position: absolute; top: 0; left: 0; } /*############################################################################################################################################################################################################## # # PAGE HEADER # ################################################################################################################################################################################################################*/ .page-header { /*border-bottom: 1px solid #eee;*/ margin: 30px 0px 15px 0px; padding-bottom: 0px; border:none;} h1 { color: #6ea81e; font: 300 35px/normal 'Raleway', sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border:none;} /*############################################################################################################################################################################################################## # # HEADER IMAGE # ################################################################################################################################################################################################################*/ #header_image { width:310px; height:442px; margin-bottom:20px; float:right; text-align:right; background-position:top right; background-repeat:no-repeat;} #header_image img { margin:0px 0px 0px 0px} /* CSS3 */ #header_image { -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; } /*############################################################################################################################################################################################################## # # NODE 883 - PREGNANT SILHOUETTE # ################################################################################################################################################################################################################*/ /* ------------------------- WRAPPERS ------------------------- */ /*#hotspot-one-layer-wrapper { width:600px; height:600px; display:block; position:relative; top:0px; left:0px; background: #000 url(../images/body.jpg) no-repeat center top; }*/ #hotspot-one-layer-wrapper { width:630px; height:500px; float:left; display:block; position:relative; top:0px; left:0px; overflow:hidden; } #hotspot-one-layer-inner-wrapper { width:735px; float:left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position:relative; top:50px; left:40px;} /* GROUP SETTINGS FOR HOTSPOTS */ .hotspot { z-index:1000;} /* GROUP SETTINGS FOR POPUPS */ .popup { display:none; z-index:2000; width:230px; position:absolute; top:0px; left:-40px; color: #576532; background: #c8da9b; opacity:.90; filter: alpha(opacity=90); -moz-opacity: 0.90; padding:10px; font:normal 14px/20px Verdana, Geneva, sans-serif; } .popup h2 { color: #666666; font:bold 16px/18px Verdana, Geneva, sans-serif;} /* ------------------------- CSS3 ------------------------- */ .popup { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #a5a5a5; } /* BODY HOTSPOTS */ /* HOTSPOT PAGES IMAGE */ #hotspot-one-layer-wrapper { background: url(../images/pregnant-body-map.jpg) no-repeat center top; } /*Physiological changes*/ #body-hotspot-one { width:20px; height:20px; position:absolute; top:0px; left: 305px;} #body-hotspot-one a { width:20px; height:20px; display:block; } /*Abdominal discomfort and nausea*/ #body-hotspot-two { width:20px; height:20px; position:absolute; top:250px; left: 320px;} #body-hotspot-two a { width:20px; height:20px; display:block; } /*Changes in blood circulation and breathing*/ #body-hotspot-three { width:20px; height:20px; position:absolute; top:100px; left: 250px;} #body-hotspot-three a { width:20px; height:20px; display:block; } /*Feelings of dizziness or panic*/ #body-hotspot-four { width:20px; height:20px; position:absolute; top:120px; left: 270px;} #body-hotspot-four a { width:20px; height:20px; display:block; } /*############################################################################################################################################################################################################## # # NODE 983 - KINDA RUNNING OR SOMETHING GUY SILHOUETTE... MAYBE HE'S JUMPING... DUNNO... # ################################################################################################################################################################################################################*/ /* ------------------------- WRAPPERS ------------------------- */ #body-hotspot-one-layer-wrapper { width:735px; height:740px; float:left; display:block; position:relative; top:0px; left:0px; background: url(../images/body-map.jpg) no-repeat center top; overflow:hidden; } /* ------------------------- INTRO AND OUTRO TEXTS ------------------------- */ #body_image_map_intro h2, #body_image_map_outro h2 { color: #FF0;} #body_image_map_intro, #body_image_map_outro { width:580px; display:block; position:relative; top:0px; left:0px; background:#000; color:#CCC; margin: 10px 0px; padding:10px; display:none;}/* -------------------------------------------------------- */ #body-hotspot-one-layer-inner-wrapper { width:735px; float:left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position:relative; top:50px; left:40px;} /* ------------------------- GROUP SETTINGS FOR body-hotspotS ------------------------- */ .body-hotspot { z-index:1000;} /* ------------------------- GROUP SETTINGS FOR body-popupS ------------------------- */ .body-popup { display:none; z-index:2000; width:230px; position:absolute; top:200px; left:10px; color: #fff; background: #0082cd; opacity:.90; filter: alpha(opacity=90); -moz-opacity: 0.90; padding:10px; font:normal 14px/20px Verdana, Geneva, sans-serif; } .body-popup h2 { color:#000; font:bold 16px/18px Verdana, Geneva, sans-serif;} /* CSS3 */ .body-popup { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #000; } /* ------------------------- BODY body-hotspotS */ /* body-hotspot PAGES IMAGE */ #body-hotspot-one-layer-wrapper { background: url(../images/body-map.jpg) no-repeat center top; } /* HEART */ #body-body-hotspot-one { width:20px; height:20px; position:absolute; top:200px; left: 370px;} #body-body-hotspot-one a { width:20px; height:20px; display:block; } /* THIGH */ #body-body-hotspot-two { width:20px; height:20px; position:absolute; top:360px; left: 340px;} #body-body-hotspot-two a { width:20px; height:20px; display:block; } /* ARM */ #body-body-hotspot-three { width:20px; height:20px; position:absolute; top:160px; left: 260px;} #body-body-hotspot-three a { width:20px; height:20px; display:block; } /* FINGERS */ #body-body-hotspot-four { width:20px; height:20px; position:absolute; top:58px; left: 208px;} #body-body-hotspot-four a { width:20px; height:20px; display:block; } /* SWEAT */ #body-body-hotspot-five { width:20px; height:20px; position:absolute; top:200px; left: 280px;} #body-body-hotspot-five a { width:20px; height:20px; display:block; } /* HEAD */ #body-body-hotspot-six { width:20px; height:20px; position:absolute; top:75px; left: 330px;} #body-body-hotspot-six a { width:20px; height:20px; display:block; } /* STOMACH */ #body-body-hotspot-seven { width:20px; height:20px; position:absolute; top:245px; left: 335px;} #body-body-hotspot-seven a { width:20px; height:20px; display:block; } /* TOES */ #body-body-hotspot-eight { width:20px; height:20px; position:absolute; top:495px; left: 520px;} #body-body-hotspot-eight a { width:20px; height:20px; display:block; } /* EYES */ #body-body-hotspot-nine { width:20px; height:20px; position:absolute; top:100px; left: 330px;} #body-body-hotspot-nine a { width:20px; height:20px; display:block; } /*############################################################################################################################################################################################################## # # CONTENT AND ASIDE COLUMNS # ################################################################################################################################################################################################################*/ body.not-front #content-wrapper { background: #fff url(../images/layout/interior_content_leaf.jpg) no-repeat center top; padding-top:40px;} aside { background:url(../images/layout/divider.gif) repeat-y right top; float:left;} body.not-front #page-header { margin-bottom:35px;} #content { padding-left: 45px; padding-right: 15px; float:right; padding-bottom:40px; } aside .well { background-color: #fff; border: none; border-radius: none; box-shadow: none; margin-bottom: 20px; min-height: 20px; } /*############################################################################################################################################################################################################## # # BREADCRUMBS # ################################################################################################################################################################################################################*/ #breadcrumbs { margin:0px 0px 20px 0px; color:#d27305; font: 300 16px/22px 'Raleway', sans-serif;} #breadcrumbs a { color:#505050; font: 300 16px/22px 'Raleway', sans-serif;} #breadcrumbs a:hover { color:#000;} #breadcrumbs-start {} #breadcrumbs-start { position: relative; background: #b6cc7c; display:inline; color:#fff; padding:2px 5px 0px 10px; margin-right:15px; font: 300 16px/22px 'Raleway', sans-serif;} #breadcrumbs-start:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #b6cc7c; border-width: 9px; margin-top: -8px; } .breadcrumb { display:inline; } .breadcrumb>li+li:before { padding: 0 0px; color: #d27305; content: ":\00a0"; } .breadcrumb li.last { color: #d27305; } .breadcrumb { padding: 0px; margin-bottom: 0px; list-style: none; background-color: #fff; border-radius: 0px; text-transform: lowercase; } /*############################################################################################################################################################################################################## # # CHILD MENU # ################################################################################################################################################################################################################*/ #childmenu { margin: 0px -14px 30px 0px;} #childmenu ul.menu, #childmenu ul.menu li { list-style:none; list-style-image:none; list-style-type:none; margin:0px; padding:0px;} #childmenu ul.menu a { display:block;} /* LEVEL 1 */ #childmenu ul.menu li a { font: 300 22px/24px 'Raleway', sans-serif; color:#000; border-left: 6px solid #fff; padding: 6px 10px 5px 15px; width:100%} #childmenu ul.menu li a.active, #childmenu ul.menu li a.active-trail, #childmenu ul.menu li a:hover { border-left: 6px solid #7fb633; background:#dddcd8; text-decoration:none;} /* LEVEL 2 */ #childmenu ul.menu ul.nav li { list-style:disc; color:#81b155; margin:0px 10px 0px 40px; padding:0px;} #childmenu ul.menu ul.menu li a { font: 300 18px/24px 'Raleway', sans-serif; color:#505050; border:none; padding: 3px 0px 3px 0px; background:transparent;} #childmenu ul.menu ul.menu li a:hover { border: none; background:#fff; text-decoration:none; color:#000;} /* LEVEL 3 */ #childmenu ul.menu ul.menu ul.nav li { list-style:circle; color:#81b155; margin: 0px 10px 0px 20px; padding:0px;} #childmenu ul.menu ul.menu ul.menu li a { font: 300 18px/24px 'Raleway', sans-serif; color:#505050; padding: 3px 0px 3px 0px;} #childmenu ul.menu ul.menu ul.menu li a:hover { border: none; background:#fff; text-decoration:none; color:#000;} #childmenu ul.menu ul.menu li a.active-trail, #childmenu ul.menu ul.menu ul.menu li a.active-trail { color:#000;} #childmenu ul.menu ul.menu li a.active, #childmenu ul.menu ul.menu ul.menu li a.active { color:#000; font-weight:bold;} /* DROPDOWN ANIMATING COLOR */ #childmenu li.open a, #childmenu li.open { background-color: #fff} /* TO UNDO BOOTSTRAPS TURNING OF LISTS INTO BLOCKS */ #childmenu .nav li { display: list-item; vertical-align: top; } #childmenu .nav li a { display:inline-block; vertical-align: top;} /*############################################################################################################################################################################################################## # # CTA ROW # ################################################################################################################################################################################################################*/ #ctarow { text-align:center; background: #fff url(../images/layout/content_leaf.jpg) no-repeat center top; width:100%; top:0px; border:none; z-index:5000; margin:0px; padding: 0px; color:#474747; font: normal 16px/18px Arial, Helvetica, sans-serif; padding:50px 0px 40px 0px;} #ctarow a { display:inline-block;} #ctarow h2 { font: 300 40px/45px 'Raleway', sans-serif; color:#000; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-transform:uppercase; text-decoration:none !important;} #ctarow a:hover {text-decoration:none !important;} #ctarow span { display: inline-block; color:#fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 75px; height: 75px; overflow:hidden; text-align:center; padding:16px 0px 0px 2px; font-size: 42px; line-height:40px;} #ctarow p { padding:0px; margin:0px 40px;} #ctarow a.cta { display:block; /*text-align:right;*/ font: normal 16px/18px Arial, Helvetica, sans-serif; /*margin-right: 40px;*/} #ctarow-one li:before { font-family: "Glyphicons Halflings"; content:"\E158"; font-size:14px; color:#de846a; position:relative; top:-3px; } #ctarow-three li:before { font-family: "Glyphicons Halflings"; content:"\E158"; font-size:14px; color:#cdeb45; position:relative; top:-3px; } #ctarow-one h2, #ctarow-two h2, #ctarow-three h2, #ctarow span { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } #ctarow-one span { background-color: #de846a; } #ctarow-one:hover span { background-color: #c15738; } #ctarow-one a.cta, #ctarow-one h2 { color:#de846a;} #ctarow-one a:hover.cta, #ctarow-one:hover h2 { color:#c15738;} #ctarow-two span { background-color:#50d3f1;} #ctarow-two:hover span { background-color: #089ec0; } #ctarow-two a.cta, #ctarow-two h2 { color:#50d3f1;} #ctarow-two a:hover.cta, #ctarow-two:hover h2 { color:#089ec0;} #ctarow-three span { background-color:#cdeb45;} #ctarow-three:hover span { background-color: #93b300; } #ctarow-three a.cta, #ctarow-three h2 { color:#cdeb45;} #ctarow-three a:hover.cta, #ctarow-three:hover h2 { color:#93b300;} #ctarow-two span.mindshift { background-image:url(../images/layout/icon-mindshift.png); background-repeat: no-repeat; background-position: center center} #ctarow ul, #ctarow ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-image:none; list-style:none; list-style-type:none;} #ctarow ul { font: normal 25px/28px Arial, Helvetica, sans-serif; /*margin-left:50px;*/} #ctarow li { color:#de846a; /*text-align:left;*/ padding-left:0px;} #ctarow li a { color:#777777; display:inline-block; padding-left:5px;} #ctarow li a:hover { color:#555555; text-decoration:underline !important;} /*############################################################################################################################################################################################################## # # VIDEO ROW # ################################################################################################################################################################################################################*/ #videorow { background: #fff url(../images/layout/content_leaf.jpg) no-repeat center top; width:100%; top:0px; border:none; z-index:5000; margin:0px;} #videorow .row { margin:50px 0px 50px 0px;} #videocol { text-align:center;} #videorow { font: normal 16px/24x Arial, Helvetica, sans-serif; color:#545454;} #videorow h2 { color:#aec56e; font: 300 45px/normal 'Raleway', sans-serif; margin-top:0px;} #videorow h3 { color:#e19f52; font: 300 30px/normal 'Raleway', sans-serif; margin-top:0px; text-transform:uppercase;} #videorow a.cta { background:#b5d382; border:1px solid #b5d382; font: 300 18px/normal 'Raleway', sans-serif; padding: 10px 30px; color:#fff; margin: 10px 0px 0px 0px; display:inline-block;} #videorow a:hover.cta { background:#7e9d48; border-color:#5e7b2c; text-decoration:none;} /*############################################################################################################################################################################################################## # # STORIES # ################################################################################################################################################################################################################*/ .views-slideshow-pager-field-item { display:inline-block; background:#fff; color:#6ea81e; border:1px solid #6ea81e; margin:0px; padding:5px; cursor:pointer; border-bottom:none; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0;} .views-slideshow-pager-field-item:hover { color:#d4780c;} #views_slideshow_cycle_main_display_resource_slides-block { border:1px solid #6ea81e; padding:20px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; -moz-border-radius: 0px 5px 5px 5px;} #widget_pager_top_display_resource_slides-block .active { background-color:#6ea81e; color:#fff; } #views_slideshow_cycle_main_display_resource_slides-block div.mejs-time-rail { width: 124px; } /*############################################################################################################################################################################################################## # # GALA ROW # ################################################################################################################################################################################################################*/ #galarow { background: #f4f4f4; width:100%; top:0px; border:none; z-index:5000; margin: 0px 0px 0px 0px ; padding: 20px 0px 20px 0px; color:#616161; font:normal 16px/18px/ Arial, Helvetica, sans-serif;} #galarow .padding { margin: 40px 0px 0px 0px;} #galarow h4 { font: 300 25px/normal 'Raleway', sans-serif; color: #333; margin:0px; padding:0px;} /*############################################################################################################################################################################################################## # # NEWS ROW # ################################################################################################################################################################################################################*/ #newsrow { background: #eeece9; /*background: #fff url(../images/layout/content_leaf.jpg) no-repeat center top;*/ width:100%; top:0px; border:none; z-index:5000; margin:0px; padding: 0px; color:#616161; font:normal 16px/18px/ Arial, Helvetica, sans-serif;} #newsrow h2 { font: 300 45px/normal 'Raleway', sans-serif; color:#98bc5b; margin:0px; padding:0px;} #newsrow h4 { font: 300 25px/normal 'Raleway', sans-serif; color: #333; margin:0px; padding:0px;} .news_content_wrapper { border-left: 4px solid #98bc5b; } .news_item_wrapper { margin-top:20px; margin-bottom:20px;} .news_date_wrapper { width:130px; float:left; position:relative; margin:0px 0px 20px 0px; display:none !important} .news_month { width:130px; text-align:center;} .news_month h3 { margin: 0px; padding:0px;} .news_month h3 span.date-display-single { font: 300 26px/normal 'Roboto', 'sans-serif', sans-serif; color:#e19f52; margin: 0px 0px 0px 0px; padding:0px;} .news_day { width:130px; height:25px; float:left; text-align:center;} .news_day span.date-display-single{ font: 300 45px/normal 'Roboto', 'sans-serif', sans-serif; color:#a6c375;} .news_content_wrapper { width:400px; float:left; text-align:left; margin-left:10px; padding-left:10px;} .news_content { text-align:left; font:normal 14px/normal Arial, Helvetica, sans-serif; color:#515151;} #newsrow a.cta { display:inline-block; background:#b5d382; color:#fff; font:normal 12px/normal Arial, Helvetica, sans-serif; margin: 5px 0px 0px 0px; padding: 0px 10px 0px 10px; float:left;} #newsrow a:hover.cta { background:#6d8d36; color:#fff; text-decoration:none; } .region-whatsnew a.all-news { background:#b5d382; border:1px solid #b5d382; font: 300 16px/normal 'Raleway', sans-serif; padding: 4px 30px 0px 30px; color:#fff; margin: 10px 0px 10px 10px; display:inline-block;} .region-whatsnew a:hover.all-news { background:#7e9d48; border-color:#5e7b2c; text-decoration:none;} /*############################################################################################################################################################################################################## # # NEWS PAGE # ################################################################################################################################################################################################################*/ .news-list-wrapper .news-list-title {margin: 12px 0 12px 0;} #block-views-news-block-3 .views-row {padding: 10px;} #block-views-news-block-3 .views-row-even {background-color: #f9f6f1;} #block-views-news-block-2 .view-footer a {text-align: center;} .news-date {font-style:italic; color: grey;} .view-display-id-block_4 .views-row {padding: 10px 0 10px 0;} body.node-type-news .field-name-field-news-image img {float: right; margin: 0 0 10px 10px;} body.node-type-news .field-name-field-news-date span {font-style:italic; color: #e0a810;} /*############################################################################################################################################################################################################## # # SOCIAL MEDIA # ################################################################################################################################################################################################################*/ #social_media { margin:8px 0px 0px 10px;} #social_media a { position:relative; top:0px; left:0px; width:25px; height:25px; display:inline-block;} #social_media a { background-position: left top; background-repeat:no-repeat; background-color:#fff;} #social_media a.sm_one { background-image:url(../images/layout/icon-face-gry.png);} #social_media a.sm_one .hover { background-image:url(../images/layout/icon-face-grn.png);} #social_media a.sm_two { background-image:url(../images/layout/icon-print-gry.png);} #social_media a.sm_two .hover { background-image:url(../images/layout/icon-print-grn.png);} /* #social_media a.sm_two { background-image:url(../images/layout/icon-pin-gry.png);} #social_media a.sm_two .hover { background-image:url(../images/layout/icon-pin-grn.png);} */ #social_media a.sm_three { background-image:url(../images/layout/icon-twit-gry.png);} #social_media a.sm_three .hover { background-image:url(../images/layout/icon-twit-grn.png);} #social_media a.sm_four { background-image:url(../images/layout/icon-you-gry.png);} #social_media a.sm_four .hover { background-image:url(../images/layout/icon-you-grn.png);} #social_media a .hover { display:block; opacity: 0; position: relative; top: 0; left: 0; height: 100%; width: 100%; background-position:left top; background-repeat:no-repeat; background-color:#fff; } /*############################################################################################################################################################################################################## # # FOOTER # ################################################################################################################################################################################################################*/ #footer { border-top: 3px solid #71a728; background:#b6cc7c;} #footer_logos img { margin: 8px 10px 0px 0px;} #footer h2 { font: 300 25px/normal 'Raleway', sans-serif; margin:0px; padding: 35px 0px 0px 0px; color:#fff; text-align:right;} #footer h2 span { color:#767676; display:block;} /*############################################################################################################################################################################################################## # # FOOTER QUICK LINKS # ################################################################################################################################################################################################################*/ #footerquicklinks {} #footerquicklinks h3 {font: 300 25px/normal 'Raleway', sans-serif; color:#fff; margin: 35px 0px 0px 0px; padding:0px;} #footerquicklinks a { font: normal 14px/normal Arial, Helvetica, sans-serif; color:#878685; text-align:left;} #footerquicklinks a:hover { color:#000;} /*############################################################################################################################################################################################################## # # COPYRIGHT # ################################################################################################################################################################################################################*/ #copyright { margin:15px 0px 5px 0px; padding: 0px 0px 0px 0px; border-top:1px solid #92a464;} #copyright strong { display: inline-block; color: #fff; font: normal 10px/10px Arial, Helvetica, sans-serif; margin:0px 0px 0px 15px;} /*############################################################################################################################################################################################################## # # CREDITS # ################################################################################################################################################################################################################*/ #credits { background:url(../images/layout/chameleon.gif) no-repeat 15px 0px; margin: 0px 0px 10px 0px; } #credits a, #credits a:active, #credits a:link, #credits a:visited { margin: 0px 0px 0px 25px; color: #fff; text-decoration: none; display: inline-block; font: normal 10px/10px Arial, Helvetica, sans-serif; } #credits a:hover { color: #000; text-decoration: none; } /*############################################################################################################################################################################################################## # # FOOTER APP LINKS # ################################################################################################################################################################################################################*/ #app { text-align:right; padding-bottom:10px;} /*############################################################################################################################################################################################################## # # HEADER SEARCH # ################################################################################################################################################################################################################*/ #header_search { padding-top:3px;} #header_search .form-control { height: 25px;} #header_search .btn { padding: 2px 12px 1px 12px;} #header_search .region-search { margin-right:10px;} /*############################################################################################################################################################################################################## # # MOBILE QUICKLINKS # ################################################################################################################################################################################################################*/ #mobile-quicklinks { display:none;} #mobile-quicklinks div { margin:0px; padding:0px; text-align:center;} #mobile-quicklinks a { display:block; width:100%; color:#fff; font: 300 30px/35px "Raleway",sans-serif; text-decoration:none; padding:10px 0px; text-shadow: 0 0 5px #005706;} #mobile-quicklink-one a { background-color: #b0d61e;} #mobile-quicklink-two a { background-color: #9fcd18;} #mobile-quicklink-three a { background-color: #85bf0f;} #mobile-quicklink-four a { background-color: #6ab106;} #mobile-quicklink-five a { background-color: #59a700;} #mobile-quicklinks a:hover { background-color: #f4911e; text-shadow: 0 0 5px #b2650b;} /*############################################################################################################################################################################################################## # # Writing and Multimedia Contest Entry Form PAGE # ################################################################################################################################################################################################################*/#webform-client-form-5 label {margin: 10px 0 10px 0;} body.page-node-1487 { } body.page-node-1487 label { font: 500 25px "Raleway",sans-serif; color: #6ea81e; margin-top:20px; display:inline-block;} body.page-node-1487 #edit-submitted-license-use-of-entires label { margin-top:0px; font-size:16px;} body.page-node-1487 .form-control { height: auto;} body.page-node-1487 .form-type-select { margin-bottom:10px; display:inline-block;} #edit-submitted-upload-file-ajax-wrapper { border: 1px solid #ccc; border-radius: 4px; padding:10px; margin:20px 0px; } body.page-node-1487 #edit-submitted-upload-file-ajax-wrapper label { margin-top:0px;} body.page-node-1487 input#edit-submitted-email { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle; width: 100%; } #edit-submitted-upload-file-upload-button { background:#b5d382; border:1px solid #b5d382; font: 500 14px/normal 'Raleway', sans-serif; padding: 5px 15px 4px 15px; color:#fff; margin: 5px 0px 10px 0px; display:inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #edit-submitted-upload-file-upload-button:hover { background:#7e9d48; border-color:#5e7b2c; text-decoration:none;} body.page-node-1487 .webform-submit { background:#b5d382; border:1px solid #b5d382; font: 500 18px/normal 'Raleway', sans-serif; padding: 10px 30px 8px 30px; color:#fff; margin: 10px 0px 0px 0px; display:inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} body.page-node-1487 .webform-submit:hover { background:#7e9d48; border-color:#5e7b2c; text-decoration:none;} /*############################################################################################################################################################################################################## # # CONTACT PAGE # ################################################################################################################################################################################################################*/#webform-client-form-5 label {margin: 10px 0 10px 0;} #webform-client-form-5 label {} #webform-client-form-5 label { color: #597738; font: 300 20px/22px 'Raleway', sans-serif; margin: 10px 0 10px 0; } #webform-component-email input { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle; width: 100%; } .field-name-field-google-map-address { text-align:center; margin:30px 0px 0px 0px; } #webform-client-form-5 button#edit-submit { margin:10px 0px 0px 0px; } /*############################################################################################################################################################################################################## # # Shopping Cart and Related Items # ################################################################################################################################################################################################################*/ .txt_color_green { color: #6ea81e; } .authorz { background-color: transparent; font-weight: 500; font-size: 22px; line-height:22px; display: inline-block; margin: 7px 0 0 18px; } .titlez { font-size: 12px; font-style:italic; margin: 0px 0 0 18px; } .quote-wrapper { width: 75%; margin:50px 0 50px 0; } blockquote.quotez { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; border-radius: 6px; font-family: Georgia, serif; font-size: 18px; line-height: 1.4; margin: 10px 0 0 0px; padding: 17px; } .greenbox { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; border-radius: 6px; font-family: Georgia, serif; font-size: 18px; line-height: 1.4; margin: 10px 0 0 0px; padding: 17px; display:inline-block; } .tanbox { background-color: #cfcdc2; border-color: #d6e9c6; color: #468847; border-radius: 6px; font-family: Georgia, serif; font-size: 18px; line-height: 1.4; margin: 10px 0 0 0px; padding: 17px; display:inline-block; } .tantable { /*background-color: #cfcdc2;*/ border-color: none; /*color: #468847;*/ padding: 10px; width: 80%; } .tantable td { padding: 5px; } .quote-wrapper .triangle-isosceles { margin: 1em 0 1.2em; } .triangle-isosceles { display: inline-block; } .commerce-product-field-commerce-price { margin-top:20px; padding-top:10px; font:bold 20px/normal Arial, Helvetica, sans-serif; color:#5cb85c; border-top: 1px solid #999;} #block-commerce-cart-cart {} #block-commerce-cart-cart .view-footer { border-top: 1px solid #CCC;} #block-commerce-cart-cart .view-footer li { display:block; text-align:center; margin:0px; padding:0px;} #block-commerce-cart-cart .view-footer .links a { display:block; background-color:#abd386; padding:3px; margin:0px 0px 5px 0px; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #block-commerce-cart-cart .view-footer .links a:hover { background-color:#67923f; text-decoration:none;} aside .well { background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; padding: 19px; } /* CONTENT TABLE STYLING */ .style1-table .alt-row {background-color: #f3f3f5;} .style1-table {} /*############################################################################################################################################################################################################## # # MEDIA QUERIES - Mobile First Method # ################################################################################################################################################################################################################*/ /* MOBILE ONLY */ @media (min-width : 320px) and (max-width: 768px) { /* SIDEBAR */ aside { background: none; } #sidebar { width:100%;} #content { width:100%} /* LOGO SMALLER */ #page-header img { width:180px; height: 76px;} /* HIDING BREADCRUMB START TAB */ #breadcrumbs-start { display:none;} /* HIDING HEADER IMAGES */ #header_image { display:none;} /* CONTENT TOP PADDING */ body.not-front #content-wrapper { padding-top: 15px; } /* HEADER BOTTOM PADDING */ body.not-front #page-header { margin-bottom: 15px; } /* ADJUSTING THE CONTENT PADDING */ #content { padding-left: 15px; padding-right: 15px; } #mobile_search .input-group { width:170px;} } /* MOBILE MENU DROPDOWN */ @media (min-width : 320px) and (max-width: 768px) { /*#desktop-header { display:none;} #mobile-quicklinks, #mobile-header { display:block;} */ #mobile-quicklinks { display:block;} } /* Custom, iPhone Retina -------======= YELLOW */ @media (min-width : 320px) { /* CTA ROW ON HOME PAGE */ #ctarow-two, #ctarow-three { margin-top:30px;} #ctarow h2 { font-size: 45px} #ctarow p { margin:0px 40px;} #ctarow ul { font-size: 25px;} /* STORIES */ .views-slideshow-pager-field-item { font-size:12px; border:1px solid #6ea81e; margin: 5px 0px; padding:5px; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px;} #views_slideshow_cycle_main_display_resource_slides-block { border:1px solid #6ea81e; padding:20px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px;} #widget_pager_top_display_resource_slides-block .active { background-color:#6ea81e; color:#fff; } /* CHILD MENU */ #childmenu { /*background-color: rgba(0, 0, 0, 0.1);*/ border:1px solid #7fb633; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:0px; margin: 0px 0px 10px 0px; width:100%; } #childmenu h2 { color: #fff; font: 300 35px/40px 'Raleway', sans-serif; margin:0px; padding: 5px 0px 0px 0px; /*text-transform:uppercase;*/ background:#7fb633; text-align:center;} /* INDEX HEAEDER */ #index_header { background-position: center top;} #index_logo { margin: 20px 0 25px 10px; } #intro-col .padding { background-color: rgba(255, 255, 255, 0.6); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:10px; margin-bottom:20px;} #index_header h2 { font-size: 25px; color:#4e8243;} #index_header h3 { font-size: 20px; /*color:#b0650a;*/ color:#666666} #index_header { font-size: 16px;} #videocol { padding-bottom:20px;} /* VIDEO ROW */ #videorow { text-align:center;} /* NEWS ROW */ .news_content_wrapper { width:170px; margin-bottom:20px} #newsrow .container { padding-top:20px;} /* FOOTER ROW ONE */ #footer_row_one, #footer_row_one h2 { text-align:center;} /* FOOTER APP BAR */ #app { text-align:center;} } /* Extra Small Devices, Phones -------======= ORANGE */ @media (min-width : 480px) { /* STORIES */ .views-slideshow-pager-field-item { font-size:14px; } /* NEWS ROW */ .news_content_wrapper { width:300px; margin-bottom:20px} /* INDEX HEAEDER */ #index_header h2 { font-size: 35px;} #index_header h3 { font-size: 30px; } } /* SPECIAL CASE */ @media (max-width : 767px) and (min-width: 480px) { } /* Small Devices, Tablets -------======= RED */ @media (min-width : 768px) { /* CTA ROW ON HOME PAGE */ #ctarow-two, #ctarow-three { margin-top: 0px;} #ctarow h2 { font-size: 35px} #ctarow p { margin:0px 20px;} #ctarow ul { font-size: 18px;} /* HIDE EVERYTHING AFTER THE FIRST DROPDOWN */ #megamenu_wrapper ul li ul li .tb-megamenu-submenu { display:none !important;} /* HIDE THE ARROWS ON THE DROPDOWN */ .tb-megamenu .dropdown-submenu > a::after { border-color:#fff !important;} /* INDEX HEAEDER */ #index_header { background-position: center bottom;} #intro-col .padding { background-color: transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:0px; margin-bottom:0px;} #index_header { font-size: 14px;} #index_header h2 { font-size: 30px;} #index_header h3 { font-size: 25px;} #videocol { padding-bottom:0px;} /* VIDEO ROW */ #videorow { text-align:left;} #videorow .row { margin: 20px 0px; padding:20px; } #videocol { margin-top:0px;} /* NEWS ROW */ /*#newsrow .container { background:url(../images/layout/news_row-2-sml.jpg) no-repeat 30px 60px;}*/ #newsrow .container { padding:20px 0px 20px 0px;} #newsrow .padding { margin: 0px 0px 0px 0px;} #newsrow .container { min-height:380px;} #newsrow h2 {font-size: 30px;} .news_content_wrapper { width:230px; margin-bottom:none;} .news_date_wrapper { width:100px;} .news_month { width:100px; text-align:center} .news_month h3 span.date-display-single { font-size: 18px;} .news_day { width:100px; height:25px; text-align:center; } .news_day span.date-display-single{ font-size: 25px} /* FOOTER APP BAR */ #app { text-align:right;} /* CHILDMENU */ #childmenu { border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding:0px; margin: 0px 0px 10px 0px; width: auto; } #childmenu h2 { display:none;} #childmenu ul.menu li a { padding: 6px 5px 5px 10px; font-size: 18px;} #childmenu ul.menu ul.menu li { margin:0px 10px 0px 35px;} #childmenu ul.menu ul.menu li a { padding: 3px 0px 3px 0px; font-size: 14px;} #childmenu ul.menu ul.menu ul.menu li { margin: 0px 10px 0px 15px;} #childmenu ul.menu ul.menu ul.menu li a { padding: 3px 0px 3px 0px;font-size: 14px;} } /* Intermediate step to mach nav change from button -------======= PINK */ @media (min-width : 979px) { } /* Medium Devices, Desktops -------======= PURPLE */ @media (min-width : 992px) { /* CTA ROW ON HOME PAGE */ #ctarow h2 { font-size: 45px} #ctarow p { margin:0px 40px;} #ctarow ul { font-size: 25px;} /* STORIES */ .views-slideshow-pager-field-item { font-size:16px; } /* INDEX HEAEDER */ #index_header { font-size: 16px;} #index_header h2 { font-size: 40px;} #index_header h3 { font-size: 30px;} /* MEGAMENU SHOW .megamenu_inner_wrapper { display:block;}*/ /* VIDEO ROW */ #videorow .row { margin:20px;padding:20px; } /* NEWS ROW */ /*#newsrow .container { background:url(../images/layout/news_row-2-md.jpg) no-repeat 0px center;}*/ #newsrow .padding { margin: 30px 0px 0px 0px;} #newsrow h2 {font-size: 35px;} .news_content_wrapper { width:400px;} .news_date_wrapper { /* width:100px;*/ width: 130px; height:70px;} .news_month { width:130px; text-align:center;} .news_month h3 span.date-display-single { font-size: 26px;} .news_day { width:130px; height:25px; text-align:center; } .news_day span.date-display-single{ font-size: 45px} #newsrow .container { padding:0px 0px 20px 0px;} /* MEGAMENU */ .tb-megamenu .nav > li > a { padding-right: 12px; padding-left: 12px; } /* FOOTER ROW ONE */ #footer_row_one { text-align:left;} #footer_row_one h2 { text-align:right;} /* CHILDMENU */ #childmenu ul.menu li a { padding: 6px 10px 5px 10px; font-size: 22px;} #childmenu ul.menu ul.menu li { margin:0px 10px 0px 35px;} #childmenu ul.menu ul.menu li a { padding: 3px 0px 3px 0px; font-size: 18px;} #childmenu ul.menu ul.menu ul.menu li { margin: 0px 10px 0px 15px;} #childmenu ul.menu ul.menu ul.menu li a { padding: 3px 0px 3px 0px; font-size: 16px;} } /* Large Devices, Wide Screens -------======= BLUE */ @media (min-width : 1200px) { /* STORIES */ .views-slideshow-pager-field-item { font-size:18px; } /* NEWS ROW */ /*#newsrow .container { background:url(../images/layout/news_row.jpg) no-repeat left center;}*/ /*#newsrow .container { background:url(../images/layout/news_row-2.jpg) no-repeat left center;}*/ #newsrow h2 {font-size: 45px;} #newsrow .container { padding:60px 0px 100px 0px;} /* MEGAMENU */ .tb-megamenu .nav > li > a { padding-right: 15px; padding-left: 15px; } } /* LINKS PAGE */ #bc-links img {margin: 5% 2% !important;} /* CTA ROW ON HOME PAGE #ctarow h2 { font-size: 45px} #ctarow p { margin:0px 40px;} #ctarow ul { font-size: 25px;} */ /*############################################################################################################################################################################################################## # # COLORS FOR DEV # ################################################################################################################################################################################################################ @media (min-width : 320px) { h1, .h1 { color:yellow;} } @media (min-width : 480px) { h1, .h1 { color:orange;} } @media (min-width : 768px) { h1, .h1 { color:red;} } @media (min-width : 979px) { h1, .h1 { color:pink;} } @media (min-width : 992px) { h1, .h1 { color:purple;} } @media (min-width : 1200px) { h1, .h1 { color:blue;} }*/ /*############################################################################################################################################################################################################## # # FLOWCHART CSS # ################################################################################################################################################################################################################*/ * {margin: 0; padding: 0;} .tree ul { padding-top: 20px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .tree li { float: left; text-align: center; list-style-type: none; position: relative; padding: 20px 5px 0 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } /*We will use ::before and ::after to draw the connectors*/ .tree li::before, .tree li::after{ content: ''; position: absolute; top: 0; right: 50%; border-top: 1px solid #ccc; width: 50%; height: 20px; } .tree li::after{ right: auto; left: 50%; border-left: 1px solid #ccc; } /*We need to remove left-right connectors from elements without any siblings*/ .tree li:only-child::after, .tree li:only-child::before { display: none; } /*Remove space from the top of single children*/ .tree li:only-child{ padding-top: 0;} /*Remove left connector from first child and right connector from last child*/ .tree li:first-child::before, .tree li:last-child::after{ border: 0 none; } /*Adding back the vertical connector to the last nodes*/ .tree li:last-child::before{ border-right: 1px solid #ccc; border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; } .tree li:first-child::after{ border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; } /*Time to add downward connectors from parents*/ .tree ul ul::before{ content: ''; position: absolute; top: 0; left: 50%; border-left: 1px solid #ccc; width: 0; height: 30px; } .tree li a{ border: 1px solid #ccc; padding: 5px 10px; text-decoration: none; color: #666; font-family: arial, verdana, tahoma; font-size: 11px; display: inline-block; width: 150px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } /*Time for some hover effects*/ /*We will apply the hover effect the the lineage of the element also*/ .tree li a:hover, .tree li a:hover+ul li a { background: #c8e4f8; color: #000; border: 1px solid #94a0b4; } /*Connector styles on hover*/ .tree li a:hover+ul li::after, .tree li a:hover+ul li::before, .tree li a:hover+ul::before, .tree li a:hover+ul ul::before{ border-color: #94a0b4; } /*############################################################################################################################################################################################################## # # SEANS CSS # ################################################################################################################################################################################################################*/ div.node-product-display div.commerce-product-field-field-product-image { width: 300px; float: right; } /*Video Resources*/ div.video-resource-wrapper { width: 100%; margin-bottom: 10px; } div.video-resource-video { float: left; margin: 0px 10px 10px 0px; border: 3px solid #7fb633;} div.video-resource-video img { padding: 2px; } div.video-resource-title { } div.video-resource-description { } div.resource-teaser { margin-bottom: 20px; } .views_slideshow_cycle_main { width: 100%; float: left; } .views_slideshow_cycle_main .views-slideshow-cycle-main-frame { width: 100% !important; height: auto; } .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row { width: 100% !important; height: auto; } .views_slideshow_cycle_main .field-content { max-width: 100%; width: 100%; } .views_slideshow_cycle_main .field-content img { max-width: 100%; width: 100%; height: auto; margin: 0; padding: 0; }