/* This file will hold styles for the mobile version of your website (mobile first). */ /* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. /* Red E5352C Purple 4C2178 Pantone 122C FFD24F Tint #FFD24F Pantone 158C F58025 Pantone 305C 70CDE3 Pantone 375C A0CF67 Pantone 493C E9979B Pantone 325C 68C8C6 Tint #68C8C6 Grey Text Color #4d4d4d */ /*------------- `Basic HTML -------------*/ body { font: 15px/1.5 Verdana, Geneva, sans-serif; color: #FFF; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; background-color: #BE3A4F; } hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; } .pluginFontHelvetica td { color: #FFF; } #zone-user-wrapper { background: #333333; padding: 3px 0px; } #zone-user-wrapper li { display: inline; float: right; } #zone-user-wrapper li a { font-size: 0.8em; } .front .breadcrumb { display: none; } /* Typography ----------------------------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-family: "omnes-pro",sans-serif; font-style: normal; font-weight: 600; color: #fff; } h2, h3 { letter-spacing: 0.01em; } h1 { font-size: 45px; line-height:48px; } h2 { font-size: 23px; } h3 { font-size: 21px; } h4 { font-size: 19px; letter-spacing: 0.06em; } h5 { font-size: 17px; letter-spacing: 0.06em; } h6 { font-size: 15px; letter-spacing: 0.06em; } /* LINKS ----------------------------------------------------------------------------------------------------*/ a:link, a:visited, a:active { color: #fff ; font-weight: bold; transition: 250ms ease-in 0s; } .logo-img a:hover { background: none !important; } .block-imageblock a:hover { background: none !important; } .block-system-main a:link, .block-system-main :visited, .block-system-main a:active { color: #fff ; font-weight: bold; text-decoration: none; transition: 250ms ease-in 0s; background-color: rgba(255,255,255,0.2); -moz-border-radius: 0.3em; border-radius: 0.3em; } .block-system-main a:hover { -moz-border-radius: 0.3em; border-radius: 0.3em; transition: 250ms ease-in 0s; background-color: #4C2178; text-decoration: none; } .field-name-field-further-information a:link, .field-name-field-further-information a:visited { color: #000; } #twtr-widget-1 .twtr-tweet a:hover { color: #FFF !important; background-color:#4C2178; transition: 200ms ease-in 0s; } table{ margin-bottom: 20px; border-width: thin; border-color: #4C2178; padding: 10px; } tbody { border-top: 1px solid #4C2178; } .logo-img a:hover{ background:none; } /*--------------GRANT PAGE TABLE-----------------*/ tr:hover td, tr.even:hover td.active, tr.odd:hover td.active { background: none;/* This file will hold styles for the mobile version of your website (mobile first). */ /* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. /* Red E5352C Purple 4C2178 Pantone 122C FFD24F Tint #FFD24F Pantone 158C F58025 Pantone 305C 70CDE3 Pantone 375C A0CF67 Pantone 493C E9979B Pantone 325C 68C8C6 Tint #68C8C6 Grey Text Color #4d4d4d */ /*------------- `Basic HTML -------------*/ body { font: 15px/1.5 Verdana, Geneva, sans-serif; color: #FFF; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; background-color: #BE3A4F; } hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; } .pluginFontHelvetica td { color: #FFF; } /* Typography ----------------------------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-family: "omnes-pro",sans-serif; font-style: normal; font-weight: 600; color: #fff; } h1 { font-size: 45px; line-height:48px; } h2 { font-size: 23px; } h3 { font-size: 21px; } h4 { font-size: 19px; letter-spacing: 0.06em; } h5 { font-size: 17px; letter-spacing: 0.06em; } h6 { font-size: 15px; letter-spacing: 0.06em; } /* LINKS ----------------------------------------------------------------------------------------------------*/ a:link, a:visited, a:active { color: #fff ; font-weight: bold; text-decoration: underline; transition: 250ms ease-in 0s; } a:hover { -moz-border-radius: 0.3em; border-radius: 0.3em; transition: 250ms ease-in 0s; background-color: #4C2178; text-decoration: underline; } .block-system-main a:link, .block-system-main :visited, .block-system-main a:active { color: #fff ; font-weight: bold; text-decoration: none; transition: 250ms ease-in 0s; background-color: rgba(255,255,255,0.2); -moz-border-radius: 0.3em; border-radius: 0.3em; } .block-system-main a:hover { -moz-border-radius: 0.3em; border-radius: 0.3em; transition: 250ms ease-in 0s; background-color: #4C2178; text-decoration: none; } .field-name-field-further-information a:link { color: #000; } #twtr-widget-1 .twtr-tweet a:hover { color: #FFF !important; background-color:#E5352C; transition: 200ms ease-in 0s; } table{ margin-bottom: 20px; border-width: thin; border-color: #4C2178; padding: 10px; } tbody { border-top: 1px solid #4C2178; } .logo-img a:hover{ background:none; } /*--------------GRANT PAGE TABLE-----------------*/ tr:hover td, tr.even:hover td.active, tr.odd:hover td.active { background: none; } #node-grants-training-281 table{ margin-bottom: 20px; border: none; padding: 10px; } #node-grants-training-281 tbody{ border-top: none; } /*--------------REGIONS/ZONES-----------------*/ #zone-menu{ background-position: bottom center; background-repeat: no-repeat; } /*#logo { width: 85px; } */ .adaptive { border-radius: 0.7em 0; } /*------------- USER PAGE -------------*/ .page-user { background-position: top center; background-image: url(hruk_home_bg.png) ; background-repeat: no-repeat; background-attachment: fixed; background-color: #BE3A4F; } .not-front .page-user .region-inner { background: #ef4957; padding: 10px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-unpublished { background-color: #111; } ul.primary li a { background-color: #4C2178; border-color: #4C2178; border-style: solid solid none solid; border-width: 1px; height: auto; margin-right: 0.5em; padding: 0 1em; text-decoration: none; } ul.primary li a:hover { background-color: #4C2178; border-color: #111; border-bottom-color: #111; } /*------------- NEAR YOU -------------*/ .node-type-near-you { background-color: #4f2176; } .node-type-near-you .zone-content{ background: #9461a7; /* Old browsers */ background: -moz-linear-gradient(top, #9461a7 0%, #4b2077 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9461a7), color-stop(100%,#4b2077)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9461a7 0%,#4b2077 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9461a7 0%,#4b2077 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9461a7 0%,#4b2077 100%); /* IE10+ */ background: linear-gradient(to bottom, #9461a7 0%,#4b2077 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-near-you .zone-footer{ margin-top:20px; background: #9461A7; border-radius: 0.7em 0; } /*------------- SPEND MONEY -------------*/ .node-type-spend-money{ background-color: #00b190; } .node-type-spend-money .zone-content{ background: #00564c; /* Old browsers */ background: -moz-linear-gradient(top, #00564c 0%, #00b190 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00564c), color-stop(100%,#00b190)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00564c 0%,#00b190 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00564c 0%,#00b190 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00564c 0%,#00b190 100%); /* IE10+ */ background: linear-gradient(to bottom, #00564c 0%,#00b190 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-spend-money .zone-footer{ margin-top:20px; background:#00564C; border-radius: 0.7em 0; } /*------------- COMMUNITY GRANTS -------------*/ .node-type-community-grants, .page-node-604 { background-color: #e68128; } .node-type-community-grants .zone-content, .page-node-604 .zone-content{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d36605+0,e68128+100 */ background: #d36605; /* Old browsers */ background: -moz-linear-gradient(top, #d36605 0%, #e68128 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d36605), color-stop(100%,#e68128)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d36605 0%,#e68128 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d36605 0%,#e68128 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d36605 0%,#e68128 100%); /* IE10+ */ background: linear-gradient(to bottom, #d36605 0%,#e68128 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d36605', endColorstr='#e68128',GradientType=0 ); /* IE6-9 */ } .node-type-community-grants .zone-footer, .page-node-604 .zone-footer { margin-top:20px; background:#d36605; border-radius: 0.7em 0; } /*------------- GRANTS -------------*/ .node-type-grants-training { background-color: #999; } .node-type-grants-training .zone-content{ background: #666666; /* Old browsers */ background: -moz-linear-gradient(top, #666666 0%, #999999 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#999999)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #666666 0%,#999999 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #666666 0%,#999999 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #666666 0%,#999999 100%); /* IE10+ */ background: linear-gradient(to bottom, #666666 0%,#999999 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-grants-training .zone-footer{ margin-top:20px; background:#666666; border-radius: 0.7em 0; } /*------------- FUNDRAISING -------------*/ .node-type-fundraising { background-color: #BE3A4F; } .node-type-fundraising .zone-content{ background: #ef4957; /* Old browsers */ background: -moz-linear-gradient(top, #ef4957 0%, #be3a4f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4957), color-stop(100%,#be3a4f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ef4957 0%,#be3a4f 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-fundraising .zone-footer{ margin-top:20px; background:#EF4957; border-radius: 0.7em 0; } /*------------- EVENTS -------------*/ .node-type-events{ background-color: #BE3A4F; } .node-type-events .zone-content{ background: #ef4957; /* Old browsers */ background: -moz-linear-gradient(top, #ef4957 0%, #be3a4f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4957), color-stop(100%,#be3a4f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ef4957 0%,#be3a4f 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-events .zone-footer{ margin-top:20px; background:#EF4957; border-radius: 0.7em 0; } /*------------- GET INVOLVED -------------*/ .node-type-get-involved{ background-color: #60CAE8; } .node-type-get-involved .zone-content{ background: #0099d8; /* Old browsers */ background: -moz-linear-gradient(top, #0099d8 0%, #60cbe8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099d8), color-stop(100%,#60cbe8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0099d8 0%,#60cbe8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0099d8 0%,#60cbe8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0099d8 0%,#60cbe8 100%); /* IE10+ */ background: linear-gradient(to bottom, #0099d8 0%,#60cbe8 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-get-involved .zone-footer{ margin-top:20px; background:#0099D8; border-radius: 0.7em 0; } /*------------- YOUR HEART -------------*/ .node-type-lifestyle-leaflets{ background-color: #91C847; } .node-type-lifestyle-leaflets .zone-content{ background: #43b649; /* Old browsers */ background: -moz-linear-gradient(top, #43b649 0%, #91c848 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43b649), color-stop(100%,#91c848)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #43b649 0%,#91c848 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #43b649 0%,#91c848 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #43b649 0%,#91c848 100%); /* IE10+ */ background: linear-gradient(to bottom, #43b649 0%,#91c848 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-lifestyle-leaflets .zone-footer{ margin-top:20px; background:#43B649; border-radius: 0.7em 0; } .node-type-your-heart, .page-recipes{ background-color: #91C847 !important; } .node-type-your-heart .zone-content, .page-recipes .zone-content{ background: #43b649 !important; /* Old browsers */ background: -moz-linear-gradient(top, #43b649 0%, #91c848 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43b649), color-stop(100%,#91c848))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #43b649 0%,#91c848 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #43b649 0%,#91c848 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #43b649 0%,#91c848 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, #43b649 0%,#91c848 100%)!important; /* W3C */ padding:10px 0px 10px 0px!important; -moz-border-radius: 0.6em!important; border-radius: 0.6em!important; } .node-type-your-heart .zone-footer, .page-recipes .zone-footer{ margin-top:20px!important; background:#43B649!important; border-radius: 0.7em 0!important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-default { background: #43b649; border: 0; } .block-diet-items-block .block-title { font-size: 2em; } .ui-widget-content { background: 0; border: 0; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { font-family: "omnes-pro",sans-serif; font-style: normal; font-weight: 600; color: #fff; font-size: 1.5em; } .ui-widget-content { color: #FFF; } /*------------- LEGACY -------------*/ .node-type-lasting-legacy{ background-color: #E9979B; } .node-type-lasting-legacy .zone-content{ background: #e8979a; /* Old browsers */ background: -moz-linear-gradient(top, #e8979a 0%, #9461a7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8979a), color-stop(100%,#9461a7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8979a 0%,#9461a7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8979a 0%,#9461a7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8979a 0%,#9461a7 100%); /* IE10+ */ background: linear-gradient(to bottom, #e8979a 0%,#9461a7 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-lasting-legacy .zone-footer{ margin-top:20px; background:#E9979B; border-radius: 0.7em 0; } /*------------- ABOUT US -------------*/ .node-type-about-us, .context-archive, .context-latest-news, .context-healthy-tips-archive, .page-user{ background-color: #BE3A4F; } .node-type-about-us .zone-content, .context-archive .zone-content, .context-latest-news .zone-content, .context-healthy-tips-archive .zone-content, .page-user .zone-content { background: #ef4957; /* Old browsers */ background: -moz-linear-gradient(top, #ef4957 0%, #be3a4f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4957), color-stop(100%,#be3a4f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ef4957 0%,#be3a4f 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-about-us .zone-footer, .context-archive .zone-footer, .context-latest-news .zone-footer, .context-healthy-tips-archive .zone-footer, .page-user .zone-footer{ margin-top:20px; background:#EF4957; border-radius: 0.7em 0; } .zone-footer { margin-bottom: 20px; } #block-imageblock-63{ padding-top: 15px; } /*------------- Recipes -------------*/ .page-recipes, .node-type-recipe { background-color: #BE3A4F; } .page-recipes .zone-content, .node-type-recipe .zone-content{ background: #ef4957; /* Old browsers */ background: -moz-linear-gradient(top, #ef4957 0%, #be3a4f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4957), color-stop(100%,#be3a4f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ef4957 0%,#be3a4f 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .page-recipes .zone-footer, .node-type-recipe .zone-footer{ margin-top:20px; background:#EF4957; border-radius: 0.7em 0; } /*------------- FRONT PAGE / ABOUTS US / NEWS -------------*/ .node-type-about-us, .node-type-what-we-are-upto, .node-type-news-item, .node-type-key-messages, .page-user { background-color: #BE3A4F; } .node-type-about-us .zone-content, .node-type-what-we-are-upto .zone-content, .node-type-news-item .zone-content, .node-type-key-messages .zone-content, .page-user .zone-content { background: #ef4957; /* Old browsers */ background: -moz-linear-gradient(top, #ef4957 0%, #be3a4f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4957), color-stop(100%,#be3a4f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ef4957 0%,#be3a4f 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } /* RESPONSIVE MENUS /** * @file * CSS & media queries for responsive_menus_simple style. */ /* Responsive mode, engage! */ .responsive-menus.responsified { clear: both; width: 100%; } .responsive-menus.responsified span.toggler { padding: 1px; display: block; background: #333; color: #fff; border-radius: 5px; box-shadow: 2px 2px 2px #000; font-size: 1.35em; text-align: center; cursor: pointer; outline: none; } .responsive-menus.responsified.responsive-toggled span.toggler { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #bbb; } .responsive-menus.responsified .responsive-menus-simple { display: none; width: 100%; background: #333; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 2px 2px 2px #000; } .responsive-menus.responsified.responsive-toggled .responsive-menus-simple, .responsive-menus.responsified.responsive-toggled .responsive-menus-simple ul { display: block; padding: 0; margin: 0; } .responsive-menus.responsified.responsive-toggled.absolute { position: relative; z-index: 999; } .responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple { position: absolute; z-index: 999; top: auto; } .responsive-menus.responsified .responsive-menus-simple li { width: 100%; display: block; padding: 0; margin: 0; clear: both; list-style: none; } .responsive-menus.responsified .responsive-menus-simple li a { color: #fff; display: block; padding: 1em 5%; margin: 0; text-align: left; color: #fff; border-bottom: 1px solid #bbb; border-bottom: 1px solid rgba(255,255,255,0.5); text-decoration: none; text-transform: uppercase; } .responsive-menus.responsified .responsive-menus-simple>li.last a { border-bottom: none; } .responsive-menus.responsified .responsive-menus-simple li ul li a { padding: 1em 0 1em 10%; } .responsive-menus.responsified .responsive-menus-simple li ul li ul li a { padding: 1em 0 1em 15%; } .responsive-menus.responsified .responsive-menus-simple li ul { display: block !important; visibility: visible !important; margin: 0; padding: 0; } /* Inactive rule */ .responsive-menus span.toggler { display: none; } /* Front page view slideshow ----------------------------------------------------------------------------------------------------*/ #block-views-key-message-slideshow-block{ /* margin-bottom:40px; */ margin-bottom:15px; border-radius: 20px 0px 20px 0px; background-color:#9461A7; position:relative; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } #block-views-key-message-slideshow-block .field-content img{ border-radius: 0px 0px 20px 0px; float:right !important; padding-left: 20px; } #block-views-key-message-slideshow-block .views-field-title{ font-size:32px; line-height: 36px; font-family: "omnes-pro",sans-serif; font-weight: 600; color: #fff; padding-top:30px; padding-left:40px; padding-right:40px; } #block-views-key-message-slideshow-block .views-field-body{ font-size:18px; font-family: "omnes-pro",sans-serif; font-weight: 400; color: #fff; padding-left:40px; padding-right:40px; } #block-views-key-message-slideshow-block .field-content a:link,a:visited,a:active{ } #block-views-key-message-slideshow-block .field-content a:hover{ } #views_slideshow_controls_text_previous_key_message_slideshow-block a{ display:none; } #views_slideshow_controls_text_pause_key_message_slideshow-block a{ display:none; } #views_slideshow_controls_text_next_key_message_slideshow-block a{ display:none; } #views_slideshow_controls_text_previous_key_message_slideshow-block { background-image: url(../images/previous.png); background-repeat:no-repeat; opacity:0.4; position:absolute; height:70px; width:70px; z-index:200; top:200px; left:10px; overflow:hidden; transition: 250ms ease-in 0s; } #views_slideshow_controls_text_previous_key_message_slideshow-block:hover{ background-image: url(../images/previous.png); background-repeat:no-repeat; opacity:1; position:absolute; height:70px; width:70px; z-index:200; top:200px; left:10px; overflow:hidden; transition: 250ms ease-in 0s; } #views_slideshow_controls_text_pause_fg_homepage_slideshow-block{ } #views_slideshow_controls_text_next_key_message_slideshow-block{ background-image: url(../images/next.png); background-repeat:no-repeat; position:absolute; opacity:0.4; float:right; height:70px; width:70px; z-index:200; top:200px;; right:10px; overflow:hidden; transition: 250ms ease-in 0s; } #views_slideshow_controls_text_next_key_message_slideshow-block:hover{ background-image: url(../images/next.png); background-repeat:no-repeat; opacity:1; position:absolute; float:right; height:70px; width:70px; z-index:200; top:200px; right:10px; overflow:hidden; transition: 250ms ease-in 0s; } .views-slideshow-slide-counter{ font-size:18px; font-family: "omnes-pro",sans-serif; font-weight: 400; position:absolute; font-size:14px; font-weight:100; background-color:#9461A7; padding:10px 5px 10px 5px; color: #FFF9E7; top:0; left:900px; z-index:200; } #block-views-key-message-slideshow-block .field-content a.more-link{ background-image: url(../images/key_msg_read_more.png); background-repeat:no-repeat; float:right; width:172px; height:46px; margin-top:40px; margin-right:20px; font-size:0px; background-color:transparent; transition: 250ms ease-in 0s; } #block-views-key-message-slideshow-block a.more-link:hover{ background-image: url(../images/key_msg_read_more_hover.png); background-repeat:no-repeat; float:right; width:172px; height:46px; margin-top:40px; margin-right:20px; font-size:0px; background-color:transparent; transition: 250ms ease-in 0s; } /* Search ----------------------------------------------------------------------------------------------------*/ #search-block-form, .archive-block{ background-color:#EF4957;; border: #FFF solid 2px; border-radius: 0.7em 0; padding: 10px 5px 10px 5px; } #search-block-form textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { width:210px; } button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active { box-shadow: 0 0 7px #E5352C; z-index: 1; } textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; -moz-box-sizing: border-box; background-clip: padding-box; background-color: #FFFFFF; border-color: transparent; border-image: none; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: #4C2178; font-family: "omnes-pro",sans-serif; font-weight: 600; font-size: 13px; height: 1.8em; outline: 0 none; padding: 2px 3px; } button, input[type="reset"], input[type="submit"], input[type="button"] { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: -moz-linear-gradient(center top , #FFFFFF 0%, #DDDDDD 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: #DDDDDD #BBBBBB #999999; border-image: none; border-style: solid; border-width: 1px; border-radius: 0.7em 0; color: #333333; font: bold 12px/1.2 Arial,sans-serif; outline: 0 none; overflow: visible; padding: 3px 10px 4px; text-shadow: 0 1px 1px #FFFFFF; width: auto; } /* SOCIAL CLICKS ----------------------------------------------------------------------------------------------------*/ #block-widgets-s-socialmedia-profile-default .widgets-element-horizontal{ padding-right: 5px; padding-top: 1px; float:right; } #twtr-widget-1{ margin-bottom:20px; } /* Page Social Links ----------------------------------------------------------------------------------------------------*/ .fb-like { padding-left: 15px; } .twitter-share-button { height: 29px; } .block-s-twitter-share { display: inline-block; } .block-s-fbtw-share { display: inline-block; } a.addthis_button_facebook_like:hover { background: none !important; } /* YOUTUBE ----------------------------------------------------------------------------------------------------*/ #block-block-3{ height:400px; background-image: url("hruk_bg_menu.jpg"); background-position: center bottom; background-repeat: no-repeat; } #block-block-7{ margin-bottom: 20px; } #block-block-10{ margin-top: 20px; margin-bottom: 20px; } /* BOTTOM ----------------------------------------------------------------------------------------------------*/ .region-page-bottom { min-height:0px; } /* FURTHER INFO LINKS ----------------------------------------------------------------------------------------------------*/ .field-name-field-further-information { background: #fff; padding: 10px; -moz-border-radius: 0.6em; border-radius: 0.6em; clear: both; margin-bottom: 10px; } .field-name-field-further-information .field-label { width: 70%; font-size: 23px; font-family: "omnes-pro",sans-serif; font-style: normal; font-weight: 600; color: #444; padding:5px; } .field-name-field-further-information a{ color:#111; font-size:10px; } .field-name-field-further-information a:hover{ color: #FFF; background-color:#4C2178; text-decoration:none; transition: 800ms ease-in-out 0s; } /* BLOCKS ----------------------------------------------------------------------------------------------------*/ #block-block-1{ margin-top:10px; } #block-block-1 p{ padding-top:10px; } #block-block-1 a{ color:#FFF; } #block-block-1 a:hover{ color:#FFF; text-decoration: underline; } #block-block-2{ margin-top:0px; font-size: 12px; } #block-block-2 p{ margin-top:0px; font-size: 12px; } #block-imageblock-61{ margin-bottom: 20px; } .view-block-adverts{ margin-bottom:20px; } .view-block-adverts a:hover img{ display:block; opacity:0.7; transition: 250ms ease-in 0s; } /* CONTACT US ----------------------------------------------------------------------------------------------------*/ #block-block-4{ margin-top:30px; } #block-block-4 h2{ font-size:18px; color: #fff; font-family: "omnes-pro",sans-serif; font-weight: 400; margin-bottom: 0px; } #block-block-4 p{ font-size:32px; font-family: "omnes-pro",sans-serif; font-weight: 600; line-height:24px; color: #fff; } #block-block-4 a:link, #block-block-4 a:visited{ margin-top:10px; font-family: "omnes-pro",sans-serif; background-color: #FFF; /* color:#EF4957; */ color:#4C2178; padding: 0 5px; text-decoration: none; border-radius: 0.7em 0; transition: all 250ms ease-in 0s; border-radius: 0.3em; } #block-block-4 a:hover{ margin-top:10px; font-size:32px; font-family: "omnes-pro",sans-serif; background-color: #4C2178; color: #FFF; text-decoration: none; transition: all 250ms ease-in 0s; border-radius: 0.3em; } /* NEWS FEED ----------------------------------------------------------------------------------------------------*/ .block-block-5 .block-title{ font-size: 23px; font-family: "omnes-pro",sans-serif; font-style: normal; font-weight: 600; line-height: 1; color: #fff; padding: 10px; } .block-block-5 .content{ background-color: #333; padding: 10px; border-radius: 0.7em 0; } /* PAGE IMAGES / PAGE HEADER IMAGES ----------------------------------------------------------------------------------------------------*/ .field-name-field-hruk-image { float: right; margin:4px; margin-bottom:4px; display: none; } #block-system-main .field-name-field-hruk-image img { border-radius: 0.7em 0; } .field-name-field-hruk-image .field-item{ padding-bottom:13px; } .field-name-field-hruk-image a:hover{ opacity: 0.6; transition: 200ms ease-in 0s; } .field-name-field-hruk-header-image img{ border-radius: 0.7em 0; margin-bottom:20px; } /*-------- WEBFORMS -----------*/ .fieldset-legend { font-size: 23px; font-family: "omnes-pro",sans-serif; font-style: normal; font-weight: 600; color: #fff; } .webform-client-form { background-color: #333; padding: 10px; border-radius: 0.7em 0; } .form-actions { padding-top:25px; } .description { font-size: 10px; color: #fff; } /*-------- LIFESTYLE LEAFTLETS-----------*/ #block-views-lifestyle-leaflets-block .views-field-field-front-cover{ -moz-opacity:0.7; opacity:0.7; transition: 250ms ease-in 0s; float:left; padding-right:10px; padding-bottom:10px; } #block-views-lifestyle-leaflets-block .views-field-field-front-cover:hover{ -moz-opacity:0.7; opacity:1; transition: 250ms ease-in 0s; } .field-name-field-front-cover{ padding-top:20px; padding-bottom:20px; float:left; } .node-lifestyle-leaflets .field-name-field-download{ padding-left: 164px; padding-top: 90px; } /*-------- CORP PARTNERS-----------*/ #block-views-our-corporate-partners-block, #block-views-our-corporate-partners-block-1 { background-color:#FFF; border-radius: 0.7em 0; } #block-views-our-corporate-partners-block-1 h2.block-title { color: #ef4957; padding: 20px; } #block-views-our-corporate-partners-block .views-field-field-corporate-partner-logo, #block-views-our-corporate-partners-block-1 .views-field-field-corporate-partner-logo { float:center; text-align: center; display:block; /* -moz-opacity:0.4; opacity:0.4; transition: 250ms ease-in 0s; */ height:150px; /* padding-top:20px; padding-left:20px; padding-bottom:20px;*/ } #block-views-our-corporate-partners-block .views-field-field-corporate-partner-logo:hover, #block-views-our-corporate-partners-block-1 .views-field-field-corporate-partner-logo:hover { text-align: center; /* -moz-opacity:1; opacity:1; transition: 250ms ease-in 0s; */} /*Home Page Blocks*/ .front #zone-content { margin-bottom: 20px; } #zone-postscript a:link, #zone-postscript a:visited, #zone-postscript a:hover { color: #FFF; text-decoration: none; background: none; } .front .views-field-field-hruk-image img { border-radius: 0.7em 0 0 0; } #zone-postscript .block { -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } #block-block-6 { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .timeline { -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } #region-postscript-first .block-views, #region-postscript-second .block-views, #region-postscript-third .block-views, #region-postscript-fourth .block-views, #region-postscript-fifth .block-views, #region-postscript-six .block-views { min-height: 510px; font-size: 18px; font-family: "omnes-pro",sans-serif; color: #FFF; line-height: 1.1em; } #region-postscript-fourth .block-views, #region-postscript-fifth .block-views, #region-postscript-six .block-views { min-height: 300px; } #region-postscript-first .views-field-title, #region-postscript-second .views-field-title, #region-postscript-third .views-field-title, #region-postscript-fourth .views-field-title, #region-postscript-fifth .views-field-title, #region-postscript-six .views-field-title { padding: 10px 20px 15px 20px; line-height: 1em; } #region-postscript-first .views-field-body, #region-postscript-second .views-field-body, #region-postscript-third .views-field-body, #region-postscript-fourth .views-field-body, #region-postscript-fifth .views-field-body, #region-postscript-six .views-field-body { padding: 0 20px 0 20px; } #region-postscript-first .views-field-view-node, #region-postscript-second .views-field-view-node, #region-postscript-third .views-field-view-node, #region-postscript-fourth .views-field-view-node, #region-postscript-fifth .views-field-view-node, #region-postscript-six .views-field-view-node { margin: 0 20px 0 20px; padding: 20px; display: block; font-size: 1.3em; text-align: center; position: absolute; bottom:40px; left:0; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; clear: both; } .logged-in #region-postscript-first .views-field-view-node, .logged-in #region-postscript-second .views-field-view-node, .logged-in #region-postscript-third .views-field-view-node, .logged-in #region-postscript-fourth .views-field-view-node, .logged-in #region-postscript-fifth .views-field-view-node, .logged-in #region-postscript-six .views-field-view-node { bottom: 20px; } #region-postscript-first .views-field-title, #region-postscript-second .views-field-title, #region-postscript-third .views-field-title, #region-postscript-fourth .views-field-title, #region-postscript-fifth .views-field-title, #region-postscript-six .views-field-title { font-size: 1.9em; } #zone-postscript .block-views { margin: 0 0 20px 0; } .block-what-we-ve-been-up-to-block .views-field-view-node a:link, .block-what-we-ve-been-up-to-block .views-field-view-node a:visited { color: #f68026 !important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; /* padding: 20px; */} .block-what-we-ve-been-up-to-block-1 .views-field-view-node a:link, .block-what-we-ve-been-up-to-block-1 .views-field-view-node a:visited { color: #a0cf67!important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; } /*.block-what-we-ve-been-up-to-block-2 .views-field-view-node a:link, .block-what-we-ve-been-up-to-block-2 .views-field-view-node a:visited { color: #ffd350 !important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; }*/ .block-what-we-ve-been-up-to-block-2 .views-field-view-node a:link, .block-what-we-ve-been-up-to-block-2 .views-field-view-node a:visited { color: #BF2932 !important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; } .block-what-we-ve-been-up-to-block-3 .views-field-view-node a:link, .block-what-we-ve-been-up-to-block-3 .views-field-view-node a:visited { color: #5fcbe8 !important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; } .block-what-we-ve-been-up-to-block-4 .views-field-view-node a:link, .block-what-we-ve-been-up-to-block-4 .views-field-view-node a:visited { color: #ef4957 !important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; } .block-what-we-ve-been-up-to-block-5 .views-field-view-node a:link, .block-what-we-ve-been-up-to-block-5 .views-field-view-node a:visited { color: #522e90 !important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; } .block-what-we-ve-been-up-to-block .views-field-view-node a:hover { color: #FFF !important; transition: 250ms ease-in 0s; } .block-what-we-ve-been-up-to-block-1 .views-field-view-node a:hover { color: #FFF!important; transition: 250ms ease-in 0s; } .block-what-we-ve-been-up-to-block-2 .views-field-view-node a:hover { color: #FFF !important; transition: 250ms ease-in 0s; } .block-what-we-ve-been-up-to-block-3 .views-field-view-node a:hover{ color: #FFF !important; transition: 250ms ease-in 0s; } .block-what-we-ve-been-up-to-block-4 .views-field-view-node a:hover { color: #FFF !important; transition: 250ms ease-in 0s; } .block-what-we-ve-been-up-to-block-5 .views-field-view-node a:hover { color: #FFF !important; transition: 250ms ease-in 0s; } .block-what-we-ve-been-up-to-block { background: #f68026; border-radius: 0.7em 0; } .block-what-we-ve-been-up-to-block-1 { background: #a0cf67; border-radius: 0.7em 0; } /*.block-what-we-ve-been-up-to-block-2 { background: #ffd350; border-radius: 0.7em 0; }*/ .block-what-we-ve-been-up-to-block-2 { background: url(../images/christmas.jpg) ; border-radius: 0.7em 0; } .block-what-we-ve-been-up-to-block-3 { background: #5fcbe8; border-radius: 0.7em; } .block-what-we-ve-been-up-to-block-4 { background: #ef4957; border-radius: 0.7em; } .block-what-we-ve-been-up-to-block-5 { background: #522e90; border-radius: 0.7em; } /*Sally Bee Video sidebar right */ .block-block-13{ padding:15px 0 15px 0; } /*News Block */ .block-news-block-1 { font-size: 0.75em; background: #FFF; color: #000; border-radius: 0.7em; padding: 5px; max-height: 510px; overflow: hidden; } .page-latest-news .views-field-field-hruk-image { float: right; position: relative; margin-top: 30px; } .page-archive .views-field-view-node { display: inline-block; margin-top: 30px; } .page-archive .views-row, .page-latest-news .views-row { border-bottom: 3px solid #FFF; margin-bottom: 20px; padding-bottom: 10px; } #views_slideshow_cycle_teaser_section_news-block_1 { max-height: 450px; } .archive-block h2 { font-size: 2em; } .archive-block { background-color:#EF4957;; border: #FFF solid 2px; border-radius: 0.7em 0; margin-top: 25px; padding: 0px 5px 10px 5px; } .archive-block a:link, .archive-block a:visited { color: #FFF; } #twitter-widget-1 { max-height: 475px; } .block-news-block-1 a:link, .block-news-block-1 a:visited, .block-news-block-1 a:hover { color: #000 !important; text-decoration: none; } .blcok-news-block-1 .view-footer { padding-bottom: 20px; text-align: center; } .block-news-block-1 h2 { color: #000; border-bottom: 1px solid #e8e8e8; } .block-news-block-1 .views-field-title { margin: 10px 0 0 0; } .block-news-block-1 h5, .block-news-block-1 p { margin-bottom: 2px; } .block-news-block-1 .views-field-created { padding-top: 0px; color: #999; } /*.view-what-we-ve-been-up-to .views-row { min-height: 250px; }*/ /*News Block */ .block-block-8 { background-color:#fff; margin-bottom: 20px; } .block-block-8 p { margin-bottom: 0px; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .block-search-form { margin-bottom: 10px; } .views_slideshow_cycle_teaser_section_key_message_slideshow-block { width: 98%; } /*.views-field-field-key-message-image { display: none; }*/ #views_slideshow_controls_text_previous_key_message_slideshow-block, #views_slideshow_controls_text_next_key_message_slideshow-block { display: none; } .region-footer-first .block-block-9 .content ul { height: 90px; } .region-footer-first .block-block-9 .content li { margin: 10px; height: 90px; } .region-footer-first .block-block-9 .content a { display: inline-block; padding-left: 15px; text-indent: -9999px; } .region-footer-first .block-block-9 .content ul li { display: inline; } .region-footer-first a.social_facebook { background: url('../images/facebook.png') no-repeat scroll center center #FFF; transition: 0.1s, 0.1s, 0.1s; -webkit-transition: 0.1s, 0.1s, 0.1s; background-size : 100%; width: 50px; height: 50px; margin-bottom: 10px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } .region-footer-first a.social_twitter { background: url('../images/twitter.png') no-repeat scroll center center #FFF; transition: 0.1s, 0.1s, 0.1s; -webkit-transition: 0.1s, 0.1s, 0.1s; background-size : 100%; width: 50px; height: 50px; margin-bottom: 10px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } .region-footer-first a.social_pinterest { background: url('../images/pinterest.png') no-repeat scroll center center #FFF; transition: 0.1s, 0.1s, 0.1s; -webkit-transition: 0.1s, 0.1s, 0.1s; background-size : 100%; width: 50px; height: 50px; margin-bottom: 10px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } .region-footer-first a.social_youtube { background: url('../images/youtube.png') no-repeat scroll center center #FFF; transition: 0.1s, 0.1s, 0.1s; -webkit-transition: 0.1s, 0.1s, 0.1s; background-size : 100%; width: 50px; height: 50px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } .region-footer-first a.social_rss { background: url('../images/rss.png') no-repeat scroll center center #FFF; transition: 0.1s, 0.1s, 0.1s; -webkit-transition: 0.1s, 0.1s, 0.1s; background-size : 100%; width: 50px; height: 50px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } .region-footer-first a.social_blogger { background: url('../images/blogger.png') no-repeat scroll center center #FFF; transition: 0.1s, 0.1s, 0.1s; -webkit-transition: 0.1s, 0.1s, 0.1s; background-size : 100%; width: 50px; height: 50px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } .region-footer-first a.social_facebook:hover { background: url('../images/facebook.png') no-repeat scroll center center #FFF; transition: 0.5s, 0.5s, 0.5s; -webkit-transition: 0.5s, 0.5s, 0.5s; background-size : 90%; } .region-footer-first a.social_twitter:hover { background: url('../images/twitter.png') no-repeat scroll center center #FFF; transition: 0.5s, 0.5s, 0.5s; -webkit-transition: 0.5s, 0.5s, 0.5s; background-size : 90%; } .region-footer-first a.social_pinterest:hover { background: url('../images/pinterest.png') no-repeat scroll center center #FFF; transition: 0.5s, 0.5s, 0.5s; -webkit-transition: 0.5s, 0.5s, 0.5s; background-size : 90%; } .region-footer-first a.social_youtube:hover { background: url('../images/youtube.png') no-repeat scroll center center #FFF; transition: 0.5s, 0.5s, 0.5s; -webkit-transition: 0.5s, 0.5s, 0.5s; background-size : 90%; } .region-footer-first a.social_rss:hover { background: url('../images/rss.png') no-repeat scroll center center #FFF; transition: 0.5s, 0.5s, 0.5s; -webkit-transition: 0.5s, 0.5s, 0.5s; background-size : 90%; } .region-footer-first a.social_blogger:hover { background: url('../images/blogger.png') no-repeat scroll center center #FFF; transition: 0.5s, 0.5s, 0.5s; -webkit-transition: 0.5s, 0.5s, 0.5s; background-size : 90%; } .webform-client-form { margin: 10px 0 10px 0; } .form-checkboxes .form-item, .form-radios .form-item { display: inline-block; margin-right: 5px; } .webform-container-inline div, .webform-container-inline div.form-item select { width: 80px; } .pager a:link, .pager a:visited { color: #000; } .sortable ul.ui-sortable { margin: 0; padding: 0; } .sortable ul.ui-sortable li { list-style-image: none; list-style-type: none; margin: 3px 3px 3px 0; padding: 1px; float: left; width: 200px; height: 145px; font-size: 1em; text-align: center; cursor:pointer; cursor:hand; border: none; background: none; overflow:hidden; } .sgrid-nid { display:none; visibility:hidden; } .view-our-corporate-partners { text-align: center; } .sortable ul.ui-sortable li.sgrid-line-end { clear:left; } #sgridorder { display:none; } .sortable .attachment-after { clear:both; } .block-key-message-slideshow-block { display: none; } #block-views-key-message-slideshow-block-1 { margin: 10px 10px 40px 10px; padding: 10px; border-radius: 20px 0px 20px 0px; background-color: #9461A7; position: relative; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); min-height: 450px; } #block-views-key-message-slideshow-block-1 .views-field-title a:link { text-decoration: none; font-size: 1.5em; line-height: 1em; } #block-views-key-message-slideshow-block-1 .views-field-title h2 { margin-bottom: 0; } #block-views-key-message-slideshow-block-1 img { text-align: center; border: 0 auto; width: 100%; } /*#block-views-key-message-slideshow-block-1 .views-slideshow-cycle-main-frame-row { width: 80% !important; }*/ /**** SUBWAY *****/ .imagefloat { float: left; margin-right: 20px; margin-bottom: 20px; } #clearimage { clear: both; } #block-imageblock-53 { margin-top: 20px; } .field-name-field-recipe-image { margin-bottom: 10px; float: right; display: inline-block; margin-left: 10px; } .field-name-field-rating { margin-bottom: 20px; } /*Recipes View*/ .view-recipes .views-field-title { font-size: 1.5em; line-height: 1.3; } .view-recipes .views-field-field-recipe-image { display: inline-block; float: right; margin-left: 10px; border-radius: 0.7em 0;} .view-recipes .views-field-field-recipe-image img{ border-radius: 0.7em 0;} .view-recipes .views-field-field-recipe-image img:hover{ display:block; opacity:0.7; transition: 250ms ease-in 0s; border-radius: 0.7em 0; } .view-recipes .views-row { border-bottom: 1px solid #FFF; margin-bottom: 20px; padding: 0px 0px 10px 0px; } .field-name-field-ingredients .field-label, .field-name-field-method .field-label, .field-name-field-rating .field-label { font-family: "omnes-pro",sans-serif; font-style: normal; font-weight: 600; color: #fff; font-size: 21px; } .responsive-menus-1-0 .toggler:before { content: "☰ Main "; } .responsive-menus-1-1 .toggler:before { content: "☰ Events "; } /* New Events View */ .page-events .region-sidebar-second { display: none; } .page-events .region-content { width:100% !important; } /*.view-events img { border-radius: 0.7em 0 0 0; }*/ #views-exposed-form-events-page .views-exposed-form label, #views-exposed-form-events-page .edit-tid-1 select, #views-exposed-form-events-page .views-widget, #views-exposed-form-events-page .views-exposed-form .views-exposed-widget { float: none; padding: 10px; } #views-exposed-form-events-page .views-exposed-form label { font-size: 1.6em; margin-top: 5px; } #views-exposed-form-events-page select { width: 100%; height: 40px; padding: 0 0 0 10px; } #views-exposed-form-events-page #edit-submit-events { margin-top: 10px; height: 40px; float: center; margin: 0 auto; display: block; width: 100%;} #views-exposed-form-events-page { background-color: #BE3A4F; } .view-events .view-header a:link, .view-events .view-header a:visited { background-color: #a0cf67; font-size: 1.5em; text-align: center; display: block; margin-right: 30px; } .view-events { margin: 0 auto; } .view-events .views-field-view-node { padding: 5px; font-size: 0.8em; border-radius: 0.7em; width: 45%; text-align: center; position: absolute; bottom: 20px; left: 10px; } .view-events .sortable ul.ui-sortable { margin: 0; padding: 0; } .view-events ul.ui-sortable li { list-style-image: none; list-style-type: none; margin: 0 auto; padding: 0px; float: center; width: 300px; min-height: 390px !important; font-size: 1em; text-align: left; cursor:pointer; cursor:hand; border: none; background: none; overflow:hidden; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); border-radius: 0.7em 0; margin-bottom: 20px; margin-right: 10px; position: relative; } .view-events .sgrid-nid { display:none; visibility:hidden; } .view-events .sortable ul.ui-sortable li.sgrid-line-end { clear:left; } .view-events #sgridorder { display:none; } .view-events .sortable .attachment-after { clear:both; } .view-events ul.ui-sortable li.Walk { background: #a0cf67; } .view-events ul.ui-sortable li.Swim { background: #5fcbe8; } .view-events ul.ui-sortable li.Adrenaline { background: #ef4957; } .view-events ul.ui-sortable li.Cycle { background: #f68026; } .view-events ul.ui-sortable li.Run { background: #522e90; } .view-events ul.ui-sortable li.Own { background: #ffd350; } .view-events ul.ui-sortable li.Sing { background: #ef4957; } .view-events ul.ui-sortable li.Triathlon { background: #f68026; } .view-events ul.ui-sortable li.Dance { background: #1CB194; } .view-events ul.ui-sortable li.Christmas { background: url(../images/christmas.jpg) ; } .view-events .views-row a:link, .view-events .views-row a:visited { color: #FFF!important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; font-size: 1.6em; line-height: 1; background: none; font-family: "omnes-pro",sans-serif; font-style: bold; font-weight: 600; } .view-events .views-field-title, .view-events .views-field-body { padding: 5px 10px 0 10px; } .view-events .views-field-view-node { background: rgba(255,255,255,0.3); border-radius: none; padding: 3px; } .gnr-case-study { clear: both; margin-top: 20px; } .gnr-image { width: 100%; } .gnr-image img { margin-bottom: 10px; border-radius: 10px 0; } .gnr-text { width: 100%; } .gnr-image, .gnr-text { display: inline-block; padding: 10px; vertical-align: top; } .sfyh-container { text-align: center; } .sfyh { display: inline-block; width: 200px; text-align: center; margin: 10px; border-radius: 0.7em 0; } .sfyh a:link, .sfyh a:visited { font-size: 1.5em; text-decoration: none; background: none; padding: 10px 10px 10px 0px; margin: 0px; } .sfyh-schools { background-color:rgba(82, 46, 144, 1); transition: 250ms ease-in 0s; border: 2px solid white; } .sfyh-choirs { background-color:rgba(255,211,80, 1); transition: 250ms ease-in 0s; border: 2px solid white; } .sfyh-pubs { background-color:rgba(28, 177, 148, 1); transition: 250ms ease-in 0s; border: 2px solid white; } .sfyh-performers { background-color:rgba(160, 207, 103, 1); transition: 250ms ease-in 0s; border: 2px solid white; } .sfyh-schools:hover { background-color:rgba(82, 46, 144, 0.8); transition: 250ms ease-in 0s; } .sfyh-choirs:hover { background-color:rgba(255,211,80, 0.8); transition: 250ms ease-in 0s; } .sfyh-pubs:hover { background-color:rgba(28, 177, 148, 0.8); transition: 250ms ease-in 0s; } .sfyh-performers:hover { background-color:rgba(160, 207, 103, 0.8); transition: 250ms ease-in 0s; } .front .block-menu-menu-about-us { display: none; } } #node-grants-training-281 table{ margin-bottom: 20px; border: none; padding: 10px; } #node-grants-training-281 tbody{ border-top: none; } /*--------------REGIONS/ZONES-----------------*/ #zone-menu{ background-position: bottom center; background-repeat: no-repeat; } /*#logo { width: 85px; } */ .adaptive { border-radius: 0.7em 0; } /*------------- USER PAGE -------------*/ .page-user, .page-events { background-position: top center; background-image: url(hruk_home_bg.png) ; background-repeat: no-repeat; background-attachment: fixed; background-color: #BE3A4F; } .not-front .page-user .region-inner { background: #ef4957; padding: 10px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-unpublished { background-color: #111; } ul.primary li a { background-color: #4C2178; border-color: #4C2178; border-style: solid solid none solid; border-width: 1px; height: auto; margin-right: 0.5em; padding: 0 1em; text-decoration: none; } ul.primary li a:hover { background-color: #4C2178; border-color: #111; border-bottom-color: #111; } /*------------- NEAR YOU -------------*/ .node-type-near-you { background-color: #4f2176; } .node-type-near-you .zone-content{ background: #9461a7; /* Old browsers */ background: -moz-linear-gradient(top, #9461a7 0%, #4b2077 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9461a7), color-stop(100%,#4b2077)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9461a7 0%,#4b2077 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9461a7 0%,#4b2077 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9461a7 0%,#4b2077 100%); /* IE10+ */ background: linear-gradient(to bottom, #9461a7 0%,#4b2077 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-near-you .zone-footer{ margin-top:20px; background: #9461A7; border-radius: 0.7em 0; } /*------------- SPEND MONEY -------------*/ .node-type-spend-money{ background-color: #00b190; } .node-type-spend-money .zone-content{ background: #00564c; /* Old browsers */ background: -moz-linear-gradient(top, #00564c 0%, #00b190 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00564c), color-stop(100%,#00b190)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00564c 0%,#00b190 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00564c 0%,#00b190 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00564c 0%,#00b190 100%); /* IE10+ */ background: linear-gradient(to bottom, #00564c 0%,#00b190 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-spend-money .zone-footer{ margin-top:20px; background:#00564C; border-radius: 0.7em 0; } /*------------- COMMUNITY GRANTS -------------*/ .node-type-community-grants, .page-node-604 { background-color: #e68128; } .node-type-community-grants .zone-content, .page-node-604 .zone-content { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d36605+0,e68128+100 */ background: #d36605; /* Old browsers */ background: -moz-linear-gradient(top, #d36605 0%, #e68128 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d36605), color-stop(100%,#e68128)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d36605 0%,#e68128 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d36605 0%,#e68128 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d36605 0%,#e68128 100%); /* IE10+ */ background: linear-gradient(to bottom, #d36605 0%,#e68128 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d36605', endColorstr='#e68128',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-community-grants .zone-footer, .page-node-604 .zone-footer{ margin-top:20px; background:#d36605; border-radius: 0.7em 0; } /*------------- GRANTS -------------*/ .node-type-grants-training { background-color: #999; } .node-type-grants-training .zone-content{ background: #666666; /* Old browsers */ background: -moz-linear-gradient(top, #666666 0%, #999999 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#999999)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #666666 0%,#999999 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #666666 0%,#999999 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #666666 0%,#999999 100%); /* IE10+ */ background: linear-gradient(to bottom, #666666 0%,#999999 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-grants-training .zone-footer{ margin-top:20px; background:#666666; border-radius: 0.7em 0; } /*------------- FUNDRAISING -------------*/ .node-type-fundraising { background-color: #BE3A4F; } .node-type-fundraising .zone-content{ background: #ef4957; /* Old browsers */ background: -moz-linear-gradient(top, #ef4957 0%, #be3a4f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4957), color-stop(100%,#be3a4f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ef4957 0%,#be3a4f 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-fundraising .zone-footer{ margin-top:20px; background:#EF4957; border-radius: 0.7em 0; } /*------------- EVENTS -------------*/ .node-type-events{ background-color: #BE3A4F; } .node-type-events .zone-content{ background: #ef4957; /* Old browsers */ background: -moz-linear-gradient(top, #ef4957 0%, #be3a4f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4957), color-stop(100%,#be3a4f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ef4957 0%,#be3a4f 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-events .zone-footer{ margin-top:20px; background:#EF4957; border-radius: 0.7em 0; } /*------------- GET INVOLVED -------------*/ .node-type-get-involved{ background-color: #60CAE8; } .node-type-get-involved .zone-content{ background: #0099d8; /* Old browsers */ background: -moz-linear-gradient(top, #0099d8 0%, #60cbe8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099d8), color-stop(100%,#60cbe8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0099d8 0%,#60cbe8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0099d8 0%,#60cbe8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0099d8 0%,#60cbe8 100%); /* IE10+ */ background: linear-gradient(to bottom, #0099d8 0%,#60cbe8 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-get-involved .zone-footer{ margin-top:20px; background:#0099D8; border-radius: 0.7em 0; } /*------------- YOUR HEART -------------*/ .node-type-lifestyle-leaflets{ background-color: #91C847; } .node-type-lifestyle-leaflets .zone-content{ background: #43b649; /* Old browsers */ background: -moz-linear-gradient(top, #43b649 0%, #91c848 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43b649), color-stop(100%,#91c848)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #43b649 0%,#91c848 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #43b649 0%,#91c848 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #43b649 0%,#91c848 100%); /* IE10+ */ background: linear-gradient(to bottom, #43b649 0%,#91c848 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-lifestyle-leaflets .zone-footer{ margin-top:20px; background:#43B649; border-radius: 0.7em 0; } .node-type-your-heart, .page-recipes{ background-color: #91C847 !important; } .node-type-your-heart .zone-content, .page-recipes .zone-content{ background: #43b649 !important; /* Old browsers */ background: -moz-linear-gradient(top, #43b649 0%, #91c848 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43b649), color-stop(100%,#91c848))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #43b649 0%,#91c848 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #43b649 0%,#91c848 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #43b649 0%,#91c848 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, #43b649 0%,#91c848 100%)!important; /* W3C */ padding:10px 0px 10px 0px!important; -moz-border-radius: 0.6em!important; border-radius: 0.6em!important; } .node-type-your-heart .zone-footer, .page-recipes .zone-footer{ margin-top:20px!important; background:#43B649!important; border-radius: 0.7em 0!important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-default { background: #43b649; border: 0; } .block-diet-items-block .block-title { font-size: 2em; } .ui-widget-content { background: 0; border: 0; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { font-family: "omnes-pro",sans-serif; font-style: normal; font-weight: 600; color: #fff; font-size: 1.5em; } .ui-widget-content { color: #FFF; } /*------------- LEGACY -------------*/ .node-type-lasting-legacy{ background-color: #E9979B; } .node-type-lasting-legacy .zone-content{ background: #e8979a; /* Old browsers */ background: -moz-linear-gradient(top, #e8979a 0%, #9461a7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8979a), color-stop(100%,#9461a7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8979a 0%,#9461a7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8979a 0%,#9461a7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8979a 0%,#9461a7 100%); /* IE10+ */ background: linear-gradient(to bottom, #e8979a 0%,#9461a7 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-lasting-legacy .zone-footer{ margin-top:20px; background:#E9979B; border-radius: 0.7em 0; } /*------------- ABOUT US -------------*/ .node-type-about-us, .context-archive, .context-latest-news{ background-color: #BE3A4F; } .node-type-about-us .zone-content, .context-archive .zone-content, .context-latest-news .zone-content, .context-healthy-tips-archive .zone-content{ background: #ef4957; /* Old browsers */ background: -moz-linear-gradient(top, #ef4957 0%, #be3a4f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4957), color-stop(100%,#be3a4f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ef4957 0%,#be3a4f 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .node-type-about-us .zone-footer, .context-archive .zone-footer, .context-latest-news .zone-footer{ margin-top:20px; background:#EF4957; border-radius: 0.7em 0; } .zone-footer { margin-bottom: 20px; padding-top: 10px !important; } #block-imageblock-63{ padding-top: 15px; } /*------------- Recipes -------------*/ .page-recipes, .node-type-recipe { background-color: #BE3A4F; } .page-recipes .zone-content, .node-type-recipe .zone-content{ background: #ef4957; /* Old browsers */ background: -moz-linear-gradient(top, #ef4957 0%, #be3a4f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4957), color-stop(100%,#be3a4f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ef4957 0%,#be3a4f 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } .page-recipes .zone-footer, .node-type-recipe .zone-footer{ margin-top:20px; background:#EF4957; border-radius: 0.7em 0; } /*------------- FRONT PAGE / ABOUTS US / NEWS -------------*/ .node-type-about-us, .node-type-what-we-are-upto, .node-type-news-item, .node-type-key-messages { background-color: #BE3A4F; } .node-type-about-us .zone-content, .node-type-what-we-are-upto .zone-content, .node-type-news-item .zone-content, .node-type-key-messages .zone-content, .page-user .zone-content { background: #ef4957; /* Old browsers */ background: -moz-linear-gradient(top, #ef4957 0%, #be3a4f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4957), color-stop(100%,#be3a4f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef4957 0%,#be3a4f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ef4957 0%,#be3a4f 100%); /* W3C */ padding:10px 0px 10px 0px; -moz-border-radius: 0.6em; border-radius: 0.6em; } /* RESPONSIVE MENUS /** * @file * CSS & media queries for responsive_menus_simple style. */ /* Responsive mode, engage! */ .responsive-menus.responsified { clear: both; width: 100%; } .responsive-menus.responsified span.toggler { padding: 1px; display: block; background: #333; color: #fff; border-radius: 5px; box-shadow: 2px 2px 2px #000; font-size: 1.35em; text-align: center; cursor: pointer; outline: none; } .responsive-menus.responsified.responsive-toggled span.toggler { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #bbb; } .responsive-menus.responsified .responsive-menus-simple { display: none; width: 100%; background: #333; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 2px 2px 2px #000; } .responsive-menus.responsified.responsive-toggled .responsive-menus-simple, .responsive-menus.responsified.responsive-toggled .responsive-menus-simple ul { display: block; padding: 0; margin: 0; } .responsive-menus.responsified.responsive-toggled.absolute { position: relative; z-index: 999; } .responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple { position: absolute; z-index: 999; top: auto; } .responsive-menus.responsified .responsive-menus-simple li { width: 100%; display: block; padding: 0; margin: 0; clear: both; list-style: none; } .responsive-menus.responsified .responsive-menus-simple li a { color: #fff; display: block; padding: 1em 5%; margin: 0; text-align: left; color: #fff; border-bottom: 1px solid #bbb; border-bottom: 1px solid rgba(255,255,255,0.5); text-decoration: none; text-transform: uppercase; } .responsive-menus.responsified .responsive-menus-simple>li.last a { border-bottom: none; } .responsive-menus.responsified .responsive-menus-simple li ul li a { padding: 1em 0 1em 10%; } .responsive-menus.responsified .responsive-menus-simple li ul li ul li a { padding: 1em 0 1em 15%; } .responsive-menus.responsified .responsive-menus-simple li ul { display: block !important; visibility: visible !important; margin: 0; padding: 0; } /* Inactive rule */ .responsive-menus span.toggler { display: none; } /* Front page view slideshow ----------------------------------------------------------------------------------------------------*/ #views_slideshow_controls_text_pause_key_message_slideshow-block_2 { display: none; } #block-views-key-message-slideshow-block{ /* margin-bottom:40px; */ margin-bottom:15px; border-radius: 20px 0px 20px 0px; background-color:#9461A7; position:relative; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } #block-views-key-message-slideshow-block .field-content img{ border-radius: 0px 0px 20px 0px; float:right !important; padding-left: 20px; } #block-views-key-message-slideshow-block .views-field-title{ font-size:32px; line-height: 36px; font-family: "omnes-pro",sans-serif; font-weight: 600; color: #fff; padding-top:30px; padding-left:40px; padding-right:40px; } .slideshow-mobile .views-field-title { padding: 0px !important; } #block-views-key-message-slideshow-block .views-field-body{ font-size:18px; font-family: "omnes-pro",sans-serif; font-weight: 400; color: #fff; padding-left:40px; padding-right:40px; } .slideshow-mobile .views-field-title, .slideshow-mobile .views-field-body{ padding: 0px !important; font-size: 1em !important; } .slideshow-mobile .views-field-title { font-size: 1.2em; } #block-views-key-message-slideshow-block .field-content a:link,a:visited,a:active{ } #block-views-key-message-slideshow-block .field-content a:hover{ } #views_slideshow_controls_text_previous_key_message_slideshow-block a{ display:none; } #views_slideshow_controls_text_pause_key_message_slideshow-block a{ display:none; } #views_slideshow_controls_text_next_key_message_slideshow-block a{ display:none; } #views_slideshow_controls_text_previous_key_message_slideshow-block { background-image: url(../images/previous.png); background-repeat:no-repeat; opacity:0.4; position:absolute; height:70px; width:70px; z-index:200; top:200px; left:10px; overflow:hidden; transition: 250ms ease-in 0s; } #views_slideshow_controls_text_previous_key_message_slideshow-block:hover{ background-image: url(../images/previous.png); background-repeat:no-repeat; opacity:1; position:absolute; height:70px; width:70px; z-index:200; top:200px; left:10px; overflow:hidden; transition: 250ms ease-in 0s; } #views_slideshow_controls_text_pause_fg_homepage_slideshow-block{ } #views_slideshow_controls_text_next_key_message_slideshow-block{ background-image: url(../images/next.png); background-repeat:no-repeat; position:absolute; opacity:0.4; float:right; height:70px; width:70px; z-index:200; top:200px;; right:10px; overflow:hidden; transition: 250ms ease-in 0s; } #views_slideshow_controls_text_next_key_message_slideshow-block:hover{ background-image: url(../images/next.png); background-repeat:no-repeat; opacity:1; position:absolute; float:right; height:70px; width:70px; z-index:200; top:200px; right:10px; overflow:hidden; transition: 250ms ease-in 0s; } .views-slideshow-slide-counter{ font-size:18px; font-family: "omnes-pro",sans-serif; font-weight: 400; position:absolute; font-size:14px; font-weight:100; background-color:#9461A7; padding:10px 5px 10px 5px; color: #FFF9E7; top:0; left:900px; z-index:200; } .slideshow .field-content a.more-link{ background-image: url(../images/key_msg_read_more.png); background-repeat:no-repeat; float:right; width:172px; height:46px; margin-top:40px; margin-right:20px; font-size:0px; background-color:transparent; transition: 250ms ease-in 0s; } .slideshow a.more-link:hover{ background-image: url(../images/key_msg_read_more_hover.png); background-repeat:no-repeat; float:right; width:172px; height:46px; margin-top:40px; margin-right:20px; font-size:0px; background-color:transparent; transition: 250ms ease-in 0s; } /* Front page view slideshow ----------------------------------------------------------------------------------------------------*/ .slideshow{ /* margin-bottom:40px; */ margin-bottom:15px; border-radius: 20px 0px 20px 0px; background-color:#9461A7; position:relative; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } .slideshow .field-content img{ border-radius: 0px 0px 20px 0px; float:right !important; padding-left: 20px; } .slideshow .views-field-title{ font-size:32px; line-height: 36px; font-family: "omnes-pro",sans-serif; font-weight: 600; color: #fff; padding-top:30px; padding-left:40px; padding-right:40px; } .slideshow .views-field-body{ font-size:18px; font-family: "omnes-pro",sans-serif; font-weight: 400; color: #fff; padding-left:40px; padding-right:40px; } .slideshow .field-content a:link,a:visited,a:active{ } .slideshow .field-content a:hover{ } #views_slideshow_controls_text_previous_key_message_slideshow-block_2 a{ display:none; } #views_slideshow_controls_text_pause_key_message_slideshow-block a{ display:none; } #views_slideshow_controls_text_next_key_message_slideshow-block_2 a{ display:none; } #views_slideshow_controls_text_previous_key_message_slideshow-block_2 { background-image: url(../images/previous.png); background-repeat:no-repeat; opacity:0.4; position:absolute; height:70px; width:70px; z-index:200; top:200px; left:10px; overflow:hidden; transition: 250ms ease-in 0s; } #views_slideshow_controls_text_previous_key_message_slideshow-block_2:hover{ background-image: url(../images/previous.png); background-repeat:no-repeat; opacity:1; position:absolute; height:70px; width:70px; z-index:200; top:200px; left:10px; overflow:hidden; transition: 250ms ease-in 0s; } #views_slideshow_controls_text_pause_fg_homepage_slideshow-block{ } #views_slideshow_controls_text_next_key_message_slideshow-block_2{ background-image: url(../images/next.png); background-repeat:no-repeat; position:absolute; opacity:0.4; float:right; height:70px; width:70px; z-index:200; top:200px;; right:10px; overflow:hidden; transition: 250ms ease-in 0s; } #views_slideshow_controls_text_next_key_message_slideshow-block_2:hover{ background-image: url(../images/next.png); background-repeat:no-repeat; opacity:1; position:absolute; float:right; height:70px; width:70px; z-index:200; top:200px; right:10px; overflow:hidden; transition: 250ms ease-in 0s; } .views-slideshow-slide-counter{ font-size:18px; font-family: "omnes-pro",sans-serif; font-weight: 400; position:absolute; font-size:14px; font-weight:100; background-color:#9461A7; padding:10px 5px 10px 5px; color: #FFF9E7; top:0; left:900px; z-index:200; display: none; } .slideshow .field-content a.more-link{ background-image: url(../images/key_msg_read_more.png); background-repeat:no-repeat; float:right; width:172px; height:46px; margin-top:40px; margin-right:20px; font-size:0px; background-color:transparent; transition: 250ms ease-in 0s; } .slideshow a.more-link:hover{ background: transparent url(../images/key_msg_read_more_hover.png); background-repeat:no-repeat !important; float:right; width:172px; height:46px; margin-top:40px; margin-right:20px; font-size:0px; background-color:transparent; transition: 250ms ease-in 0s; } /* Search ----------------------------------------------------------------------------------------------------*/ #search-block-form, .archive-block{ background-color:#EF4957;; border: #FFF solid 2px; border-radius: 0.7em 0; padding: 10px 5px 10px 5px; } #search-block-form textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { width:210px; } button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active { box-shadow: 0 0 7px #E5352C; z-index: 1; } textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; -moz-box-sizing: border-box; background-clip: padding-box; background-color: #FFFFFF; border-color: transparent; border-image: none; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: #4C2178; font-family: "omnes-pro",sans-serif; font-weight: 600; font-size: 13px; height: 1.8em; outline: 0 none; padding: 2px 3px; } button, input[type="reset"], input[type="submit"], input[type="button"] { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: -moz-linear-gradient(center top , #FFFFFF 0%, #DDDDDD 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: #DDDDDD #BBBBBB #999999; border-image: none; border-style: solid; border-width: 1px; border-radius: 0.7em 0; color: #333333; font: bold 12px/1.2 Arial,sans-serif; outline: 0 none; overflow: visible; padding: 3px 10px 4px; text-shadow: 0 1px 1px #FFFFFF; width: auto; } /* SOCIAL CLICKS ----------------------------------------------------------------------------------------------------*/ #block-widgets-s-socialmedia-profile-default .widgets-element-horizontal{ padding-right: 5px; padding-top: 1px; float:right; } #twtr-widget-1{ margin-bottom:20px; } /* Page Social Links ----------------------------------------------------------------------------------------------------*/ .fb-like { padding-left: 15px; } .twitter-share-button { height: 29px; } .block-s-twitter-share { display: inline-block; } .block-s-fbtw-share { display: inline-block; } a.addthis_button_facebook_like:hover { background: none !important; } /* YOUTUBE ----------------------------------------------------------------------------------------------------*/ #block-block-3{ height:400px; background-image: url("hruk_bg_menu.jpg"); background-position: center bottom; background-repeat: no-repeat; } #block-block-7{ margin-bottom: 20px; } #block-block-10{ margin-top: 20px; margin-bottom: 20px; } /* BOTTOM ----------------------------------------------------------------------------------------------------*/ .region-page-bottom { min-height:0px; } /* FURTHER INFO LINKS ----------------------------------------------------------------------------------------------------*/ .field-name-field-further-information { background: #fff; padding: 10px; -moz-border-radius: 0.6em; border-radius: 0.6em; clear: both; margin-bottom: 10px; } .field-name-field-further-information .field-label { width: 70%; font-size: 23px; font-family: "omnes-pro",sans-serif; font-style: normal; font-weight: 600; color: #444; padding:5px; } .field-name-field-further-information a{ color:#111; font-size:10px; } .field-name-field-further-information a:hover{ color: #FFF; background-color:#999; text-decoration:none; transition: 800ms ease-in-out 0s; } /* BLOCKS ----------------------------------------------------------------------------------------------------*/ #block-block-1{ margin-top:10px; } #block-block-1 p{ padding-top:10px; } #block-block-1 a{ color:#FFF; } #block-block-1 a:hover{ color:#FFF; text-decoration: underline; } #block-block-2{ margin-top:0px; font-size: 12px; } #block-block-2 p{ margin-top:0px; font-size: 12px; } #block-imageblock-61{ margin-bottom: 20px; } .view-block-adverts{ margin-bottom:20px; } .view-block-adverts a:hover img{ display:block; opacity:0.7; transition: 250ms ease-in 0s; } /* CONTACT US ----------------------------------------------------------------------------------------------------*/ #block-block-4{ margin-top:30px; } #block-block-4 h2{ font-size:18px; color: #fff; font-family: "omnes-pro",sans-serif; font-weight: 400; margin-bottom: 0px; } #block-block-4 p{ font-size:32px; font-family: "omnes-pro",sans-serif; font-weight: 600; line-height:24px; color: #fff; } #block-block-4 a:link, #block-block-4 a:visited{ margin-top:10px; font-family: "omnes-pro",sans-serif; background-color: #FFF; font-size: 0.9em; /* color:#EF4957; */ color:#4C2178; padding: 0 5px; text-decoration: none; border-radius: 0.7em 0; transition: all 250ms ease-in 0s; border-radius: 0.3em; } #block-block-4 a:hover{ margin-top:10px; font-family: "omnes-pro",sans-serif; background-color: #EF4957; color: #FFF; text-decoration: none; transition: all 250ms ease-in 0s; border-radius: 0.3em; } /* NEWS FEED ----------------------------------------------------------------------------------------------------*/ .block-block-5 .block-title{ font-size: 23px; font-family: "omnes-pro",sans-serif; font-style: normal; font-weight: 600; line-height: 1; color: #fff; padding: 10px; } .block-block-5 .content{ background-color: #333; padding: 10px; border-radius: 0.7em 0; } /* PAGE IMAGES / PAGE HEADER IMAGES ----------------------------------------------------------------------------------------------------*/ .field-name-field-hruk-image { float: right; margin:4px; margin-bottom:4px; display: none; } #block-system-main .field-name-field-hruk-image img { border-radius: 0.7em 0; } .field-name-field-hruk-image .field-item{ padding-bottom:13px; } .field-name-field-hruk-image a:hover{ opacity: 0.6; transition: 200ms ease-in 0s; } .field-name-field-hruk-header-image img{ border-radius: 0.7em 0; margin-bottom:20px; } /*-------- WEBFORMS -----------*/ .fieldset-legend { font-size: 23px; font-family: "omnes-pro",sans-serif; font-style: normal; font-weight: 600; color: #fff; } .webform-client-form { background-color: #333; padding: 10px; border-radius: 0.7em 0; } .form-actions { padding-top:25px; } .description { font-size: 10px; color: #fff; } /*-------- LIFESTYLE LEAFTLETS-----------*/ #block-views-lifestyle-leaflets-block .views-field-field-front-cover{ -moz-opacity:0.7; opacity:0.7; transition: 250ms ease-in 0s; float:left; padding-right:10px; padding-bottom:10px; } #block-views-lifestyle-leaflets-block .views-field-field-front-cover:hover{ -moz-opacity:0.7; opacity:1; transition: 250ms ease-in 0s; } .field-name-field-front-cover{ padding-top:20px; padding-bottom:20px; float:left; } .node-lifestyle-leaflets .field-name-field-download{ padding-left: 164px; padding-top: 90px; } /*-------- CORP PARTNERS-----------*/ #block-views-our-corporate-partners-block, #block-views-our-corporate-partners-block-1 { background-color:#FFF; border-radius: 0.7em 0; } #block-views-our-corporate-partners-block-1 h2.block-title { color: #ef4957; padding: 20px; } #block-views-our-corporate-partners-block .views-field-field-corporate-partner-logo, #block-views-our-corporate-partners-block-1 .views-field-field-corporate-partner-logo { float:center; text-align: center; display:block; /* -moz-opacity:0.4; opacity:0.4; transition: 250ms ease-in 0s; */ height:150px; /* padding-top:20px; padding-left:20px; padding-bottom:20px;*/ } #block-views-our-corporate-partners-block .views-field-field-corporate-partner-logo:hover, #block-views-our-corporate-partners-block-1 .views-field-field-corporate-partner-logo:hover { text-align: center; /* -moz-opacity:1; opacity:1; transition: 250ms ease-in 0s; */} /*Home Page Blocks*/ .front #zone-content { margin-bottom: 20px; } #zone-postscript a:link, #zone-postscript a:visited, #zone-postscript a:hover { color: #FFF; text-decoration: none; background: none; } .block-news-block-1 a:hover { color: #FFF; text-decoration: none; background: #4C2178 !important; -moz-border-radius: 0.3em; border-radius: 0.3em; transition: 250ms ease-in 0s; } .front .views-field-field-hruk-image img { border-radius: 0.7em 0 0 0; } #zone-postscript .block { -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } #block-block-6 { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .timeline { -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } #region-postscript-first .block-views, #region-postscript-second .block-views, #region-postscript-third .block-views, #region-postscript-fourth .block-views, #region-postscript-fifth .block-views, #region-postscript-six .block-views { min-height: 510px; font-size: 18px; font-family: "omnes-pro",sans-serif; color: #FFF; line-height: 1.1em; } #region-postscript-fourth .block-views, #region-postscript-fifth .block-views, #region-postscript-six .block-views { min-height: 300px; } #region-postscript-first .views-field-title, #region-postscript-second .views-field-title-1, #region-postscript-third .views-field-title, #region-postscript-fourth .views-field-title, #region-postscript-fifth .views-field-title, #region-postscript-six .views-field-title { padding: 10px 20px 15px 20px; line-height: 1em; } #region-postscript-first .views-field-body, #region-postscript-second .views-field-body, #region-postscript-third .views-field-body, #region-postscript-fourth .views-field-body, #region-postscript-fifth .views-field-body, #region-postscript-six .views-field-body { padding: 0 20px 0 20px; } #region-postscript-first .views-field-view-node a, #region-postscript-second .views-field-view-node a, #region-postscript-third .views-field-view-node a, #region-postscript-fourth .views-field-view-node a, #region-postscript-fifth .views-field-view-node a, #region-postscript-six .views-field-view-node a { margin: 0 20px 0 20px; padding: 20px; display: block; font-size: 1.3em; text-align: center; position: absolute; bottom:20px; left:0; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; clear: both; } #region-postscript-first .views-field-view-node a:hover, #region-postscript-second .views-field-view-node a:hover, #region-postscript-third .views-field-view-node a:hover, #region-postscript-fourth .views-field-view-node a:hover, #region-postscript-fifth .views-field-view-node a:hover, #region-postscript-six .views-field-view-node a:hover { background: #4C2178; color: #FFF; } .logged-in #region-postscript-first .views-field-view-node, .logged-in #region-postscript-second .views-field-view-node, .logged-in #region-postscript-third .views-field-view-node, .logged-in #region-postscript-fourth .views-field-view-node, .logged-in #region-postscript-fifth .views-field-view-node, .logged-in #region-postscript-six .views-field-view-node { bottom: 20px; } #region-postscript-first .views-field-title, #region-postscript-second .views-field-title-1, #region-postscript-third .views-field-title, #region-postscript-fourth .views-field-title, #region-postscript-fifth .views-field-title, #region-postscript-six .views-field-title { font-size: 1.9em; } #zone-postscript .block-views { margin: 0 0 20px 0; } /*.block-what-we-ve-been-up-to-block .views-field-view-node a:link, .block-what-we-ve-been-up-to-block .views-field-view-node a:visited { color: #f68026 !important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; padding: 20px; } .block-what-we-ve-been-up-to-block-1 .views-field-view-node a:link, .block-what-we-ve-been-up-to-block-1 .views-field-view-node a:visited { color: #a0cf67!important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; } .block-what-we-ve-been-up-to-block-2 .views-field-view-node a:link, .block-what-we-ve-been-up-to-block-2 .views-field-view-node a:visited { color: #ffd350 !important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; } .block-what-we-ve-been-up-to-block-2 .views-field-view-node a:link, .block-what-we-ve-been-up-to-block-2 .views-field-view-node a:visited { color: #BF2932 !important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; } .block-what-we-ve-been-up-to-block-3 .views-field-view-node a:link, .block-what-we-ve-been-up-to-block-3 .views-field-view-node a:visited { color: #5fcbe8 !important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; } .block-what-we-ve-been-up-to-block-4 .views-field-view-node a:link, .block-what-we-ve-been-up-to-block-4 .views-field-view-node a:visited { color: #ef4957 !important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; } .block-what-we-ve-been-up-to-block-5 .views-field-view-node a:link, .block-what-we-ve-been-up-to-block-5 .views-field-view-node a:visited { color: #522e90 !important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; } .block-what-we-ve-been-up-to-block .views-field-view-node a:hover { color: #FFF !important; transition: 250ms ease-in 0s; } .block-what-we-ve-been-up-to-block-1 .views-field-view-node a:hover { color: #FFF!important; transition: 250ms ease-in 0s; } .block-what-we-ve-been-up-to-block-2 .views-field-view-node a:hover { color: #FFF !important; transition: 250ms ease-in 0s; } .block-what-we-ve-been-up-to-block-3 .views-field-view-node a:hover{ color: #FFF !important; transition: 250ms ease-in 0s; } .block-what-we-ve-been-up-to-block-4 .views-field-view-node a:hover { color: #FFF !important; transition: 250ms ease-in 0s; } .block-what-we-ve-been-up-to-block-5 .views-field-view-node a:hover { color: #FFF !important; transition: 250ms ease-in 0s; } .block-what-we-ve-been-up-to-block { background: #f68026; border-radius: 0.7em 0; } .block-what-we-ve-been-up-to-block-1 { background: #a0cf67; border-radius: 0.7em 0; } .block-what-we-ve-been-up-to-block-2 { background: #ffd350; border-radius: 0.7em 0; } .block-what-we-ve-been-up-to-block-2 { background: url(../images/christmas.jpg) ; border-radius: 0.7em 0; } .block-what-we-ve-been-up-to-block-3 { background: #5fcbe8; border-radius: 0.7em; } .block-what-we-ve-been-up-to-block-4 { background: #ef4957; border-radius: 0.7em; } .block-what-we-ve-been-up-to-block-5 { background: #522e90; border-radius: 0.7em; }*/ .home-6-admin { background: #000; border-radius: 0.7em; margin: 10px 0px; padding: 5px; } .home-6-admin a:link,.home-6-admin a:visited{ text-decoration: underline !important; } .home-six .views-field-view-node a:link, .home-six .views-field-view-node a:visited { border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; background: rgba(255, 255, 255, 0.45); border-radius: 0.7em; } .home-six-1 .views-field-view-node a:link, .home-six-1 .views-field-view-node a:visited { color: #f68026 !important; } .home-six-2 .views-field-view-node a:link, .home-six-2 .views-field-view-node a:visited { color: #a0cf67!important; } .home-six-3 .views-field-view-node a:link, .home-six-3 .views-field-view-node a:visited { color: #ffd350 !important; } .home-six-4 .views-field-view-node a:link, .home-six-4 .views-field-view-node a:visited { color: #5fcbe8 !important; } .home-six-5 .views-field-view-node a:link, .home-six-5 .views-field-view-node a:visited { color: #ef4957 !important; } .home-six-6 .views-field-view-node a:link, .home-six-6 .views-field-view-node a:visited { color: #522e90 !important; } .home-six a:hover { color: #FFF !important; transition: 250ms ease-in 0s; } .home-six-1 { background: #f68026; border-radius: 0.7em 0; } .home-six-2 { background: #a0cf67; border-radius: 0.7em 0; } .home-six-3 { background: #ffd350; border-radius: 0.7em 0; } .home-six-4 { background: #5fcbe8; border-radius: 0.7em; } .home-six-5 { background: #ef4957; border-radius: 0.7em; } .home-six-6 { background: #522e90; border-radius: 0.7em; } /*Sally Bee Video sidebar right */ .block-block-13{ padding:15px 0 15px 0; } /*News Block */ .block-news-block-1 { font-size: 0.75em; background: #FFF; color: #000; border-radius: 0.7em; padding: 5px; max-height: 510px; overflow: hidden; } .page-latest-news .views-field-field-hruk-image { float: right; position: relative; margin-top: 30px; } .page-archive .views-row, .page-latest-news .views-row { border-bottom: 3px solid #FFF; margin-bottom: 20px; padding-bottom: 10px; } #views_slideshow_cycle_teaser_section_news-block_1 { max-height: 450px; } .archive-block h2 { font-size: 2em; } .archive-block { background-color:#EF4957;; border: #FFF solid 2px; border-radius: 0.7em 0; margin-top: 25px; padding: 0px 5px 10px 5px; } .archive-block a:link, .archive-block a:visited { color: #FFF; } .view-healthy-tips-archive .views-row, .view-archive .views-row, .view-news .views-row { margin-bottom: 20px; border-bottom: 1px solid #FFF; padding-bottom: 10px; } .view-healthy-tips-archive h2, .view-archive h2, .view-news h2 { margin-bottom: 5px; } .view-healthy-tips-archive .views-field-view-node, .view-archive .views-field-view-node, .view-news .views-field-view-node { text-align: right; } .block-widgets { margin-top: 20px; } #twitter-widget-1 { max-height: 475px; } .block-news-block-1 a:link, .block-news-block-1 a:visited { color: #000 !important; text-decoration: none; } .block-news-block-1 a:hover { color: #FFF !important; text-decoration: none; } .blcok-news-block-1 .view-footer { padding-bottom: 20px; text-align: center; } .block-news-block-1 h2 { color: #000; border-bottom: 1px solid #e8e8e8; } .block-news-block-1 .views-field-title { margin: 10px 0 0 0; } .block-news-block-1 h5, .block-news-block-1 p { margin-bottom: 2px; } .block-news-block-1 .views-field-created { padding-top: 0px; color: #999; } /*.view-what-we-ve-been-up-to .views-row { min-height: 250px; }*/ /*News Block */ .block-block-8 { background-color:#fff; margin-bottom: 20px; } .block-block-8 p { margin-bottom: 0px; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .block-search-form { margin-bottom: 10px; } .views_slideshow_cycle_teaser_section_key_message_slideshow-block { width: 98%; } /*.views-field-field-key-message-image { display: none; }*/ #views_slideshow_controls_text_previous_key_message_slideshow-block, #views_slideshow_controls_text_next_key_message_slideshow-block { display: none; } .region-footer-first .block-block-9 .content ul { height: 90px; } .region-footer-first .block-block-9 .content li { margin: 10px; height: 90px; } .region-footer-first .block-block-9 .content a { display: inline-block; padding-left: 15px; text-indent: -9999px; } .region-footer-first .block-block-9 .content ul li { display: inline; } .region-footer-first a.social_facebook { background: url('../images/facebook.png') no-repeat scroll center center #FFF; transition: 0.1s, 0.1s, 0.1s; -webkit-transition: 0.1s, 0.1s, 0.1s; background-size : 100%; width: 50px; height: 50px; margin-bottom: 10px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } .region-footer-first a.social_twitter { background: url('../images/twitter.png') no-repeat scroll center center #FFF; transition: 0.1s, 0.1s, 0.1s; -webkit-transition: 0.1s, 0.1s, 0.1s; background-size : 100%; width: 50px; height: 50px; margin-bottom: 10px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } .region-footer-first a.social_pinterest { background: url('../images/pinterest.png') no-repeat scroll center center #FFF; transition: 0.1s, 0.1s, 0.1s; -webkit-transition: 0.1s, 0.1s, 0.1s; background-size : 100%; width: 50px; height: 50px; margin-bottom: 10px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } .region-footer-first a.social_youtube { background: url('../images/youtube.png') no-repeat scroll center center #FFF; transition: 0.1s, 0.1s, 0.1s; -webkit-transition: 0.1s, 0.1s, 0.1s; background-size : 100%; width: 50px; height: 50px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } .region-footer-first a.social_rss { background: url('../images/rss.png') no-repeat scroll center center #FFF; transition: 0.1s, 0.1s, 0.1s; -webkit-transition: 0.1s, 0.1s, 0.1s; background-size : 100%; width: 50px; height: 50px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } .region-footer-first a.social_blogger { background: url('../images/blogger.png') no-repeat scroll center center #FFF; transition: 0.1s, 0.1s, 0.1s; -webkit-transition: 0.1s, 0.1s, 0.1s; background-size : 100%; width: 50px; height: 50px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); } .region-footer-first a.social_facebook:hover { background: url('../images/facebook.png') no-repeat scroll center center #FFF; transition: 0.5s, 0.5s, 0.5s; -webkit-transition: 0.5s, 0.5s, 0.5s; background-size : 90%; } .region-footer-first a.social_twitter:hover { background: url('../images/twitter.png') no-repeat scroll center center #FFF; transition: 0.5s, 0.5s, 0.5s; -webkit-transition: 0.5s, 0.5s, 0.5s; background-size : 90%; } .region-footer-first a.social_pinterest:hover { background: url('../images/pinterest.png') no-repeat scroll center center #FFF; transition: 0.5s, 0.5s, 0.5s; -webkit-transition: 0.5s, 0.5s, 0.5s; background-size : 90%; } .region-footer-first a.social_youtube:hover { background: url('../images/youtube.png') no-repeat scroll center center #FFF; transition: 0.5s, 0.5s, 0.5s; -webkit-transition: 0.5s, 0.5s, 0.5s; background-size : 90%; } .region-footer-first a.social_rss:hover { background: url('../images/rss.png') no-repeat scroll center center #FFF; transition: 0.5s, 0.5s, 0.5s; -webkit-transition: 0.5s, 0.5s, 0.5s; background-size : 90%; } .region-footer-first a.social_blogger:hover { background: url('../images/blogger.png') no-repeat scroll center center #FFF; transition: 0.5s, 0.5s, 0.5s; -webkit-transition: 0.5s, 0.5s, 0.5s; background-size : 90%; } .webform-client-form { margin: 10px 0 10px 0; } .form-checkboxes .form-item, .form-radios .form-item { display: inline-block; margin-right: 5px; } .webform-container-inline div, .webform-container-inline div.form-item select { width: 80px; } .pager a:link, .pager a:visited { color: #000; } .sortable ul.ui-sortable { margin: 0; padding: 0; } .sortable ul.ui-sortable li { list-style-image: none; list-style-type: none; margin: 3px 3px 3px 0; padding: 1px; float: left; width: 200px; height: 145px; font-size: 1em; text-align: center; cursor:pointer; cursor:hand; border: none; background: none; overflow:hidden; } .sgrid-nid { display:none; visibility:hidden; } .view-our-corporate-partners { text-align: center; } .sortable ul.ui-sortable li.sgrid-line-end { clear:left; } #sgridorder { display:none; } .sortable .attachment-after { clear:both; } .block-key-message-slideshow-block-2 { display: none; } #block-views-key-message-slideshow-block-1, .slideshow-mobile { margin: 10px 10px 40px 10px; padding: 10px; border-radius: 20px 0px 20px 0px; background-color: #9461A7; position: relative; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); min-height: 450px; } #block-views-key-message-slideshow-block-1 .views-field-title a:link, .slideshow-mobile .views-field-title a:link { text-decoration: none; font-size: 1.5em; line-height: 1em; } #block-views-key-message-slideshow-block-1 .views-field-title h2, .slideshow-mobile .views-field-title h2 { margin-bottom: 0; } #block-views-key-message-slideshow-block-1 img, .slideshow-mobile img { text-align: center; border: 0 auto; width: 100%; height: auto; } /*#block-views-key-message-slideshow-block-1 .views-slideshow-cycle-main-frame-row { width: 80% !important; }*/ /**** SUBWAY *****/ .imagefloat { float: left; margin-right: 20px; margin-bottom: 20px; } #clearimage { clear: both; } #block-imageblock-53 { margin-top: 20px; } .field-name-field-recipe-image { margin-bottom: 10px; float: right; display: inline-block; margin-left: 10px; } .field-name-field-rating { margin-bottom: 20px; } /*Recipes View*/ .view-recipes .views-field-title { font-size: 1.5em; line-height: 1.3; } .view-recipes .views-field-field-recipe-image { display: inline-block; float: right; margin-left: 10px; border-radius: 0.7em 0;} .view-recipes .views-field-field-recipe-image img{ border-radius: 0.7em 0;} .view-recipes .views-field-field-recipe-image img:hover{ display:block; opacity:0.7; transition: 250ms ease-in 0s; border-radius: 0.7em 0; } .view-recipes .views-row { border-bottom: 1px solid #FFF; margin-bottom: 20px; padding: 0px 0px 10px 0px; } .field-name-field-ingredients .field-label, .field-name-field-method .field-label, .field-name-field-rating .field-label { font-family: "omnes-pro",sans-serif; font-style: normal; font-weight: 600; color: #fff; font-size: 21px; } .responsive-menus-1-0 .toggler:before { content: "☰ Main "; } .responsive-menus-1-1 .toggler:before { content: "☰ Events "; } /* New Events View */ .page-events .region-sidebar-second { display: none; } .page-events .region-content { width:100% !important; } /*.view-events img { border-radius: 0.7em 0 0 0; }*/ #views-exposed-form-events-page .views-exposed-form label, #views-exposed-form-events-page .edit-tid-1 select, #views-exposed-form-events-page .views-widget, #views-exposed-form-events-page .views-exposed-form .views-exposed-widget { float: none; padding: 10px; } #views-exposed-form-events-page .views-exposed-form label { font-size: 1.6em; margin-top: 5px; } #views-exposed-form-events-page select { width: 100%; height: 40px; padding: 0 0 0 10px; } #views-exposed-form-events-page #edit-submit-events { margin-top: 10px; height: 40px; float: center; margin: 0 auto; display: block; width: 100%;} #views-exposed-form-events-page { background-color: #BE3A4F; } .view-events .view-header a:link, .view-events .view-header a:visited { background-color: #a0cf67; font-size: 1.5em; text-align: center; display: block; margin-right: 30px; } .view-events { margin: 0 auto; } .view-events .sortable ul.ui-sortable { margin: 0; padding: 0; } .view-events ul.ui-sortable li { list-style-image: none; list-style-type: none; margin: 0 auto; padding: 0px; float: center; width: 300px; min-height: 390px !important; font-size: 1em; text-align: left; cursor:pointer; cursor:hand; border: none; background: none; overflow:hidden; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45); border-radius: 0.7em 0; margin-bottom: 20px; margin-right: 10px; position: relative; } .view-events .sgrid-nid { display:none; visibility:hidden; } .view-events .sortable ul.ui-sortable li.sgrid-line-end { clear:left; } .view-events #sgridorder { display:none; } .view-events .sortable .attachment-after { clear:both; } .view-events ul.ui-sortable li.Walk { background: #a0cf67; } .view-events ul.ui-sortable li.Swim { background: #5fcbe8; } .view-events ul.ui-sortable li.Adrenaline { background: #ef4957; } .view-events ul.ui-sortable li.Cycle { background: #f68026; } .view-events ul.ui-sortable li.Run { background: #522e90; } .view-events ul.ui-sortable li.Own { background: #ffd350; } .view-events ul.ui-sortable li.Sing { background: #ef4957; } .view-events ul.ui-sortable li.Triathlon { background: #f68026; } .view-events ul.ui-sortable li.Dance { background: #1CB194; } .view-events ul.ui-sortable li.Christmas { background: url(../images/christmas.jpg) ; } .view-events .views-field-view-node { /* font-size: 0.8em; */ border-radius: 0.7em; /* width: 45%; */ text-align: center; position: absolute; bottom: 20px; left: 10px; } .view-events .views-row a:link, .view-events .views-row a:visited { color: #FFF!important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; font-size: 1.6em; line-height: 1; background: none; font-family: "omnes-pro",sans-serif; font-style: bold; font-weight: 600; } .view-events .views-row .views-field-view-node a:link, .view-events .views-row .views-field-view-node a:visited { padding: 0 8px 0 8px; color: #FFF!important; border-radius: 0.7em 0 !important; transition: 250ms ease-in 0s; font-size: 1.6em; line-height: 1; background: none; font-family: "omnes-pro",sans-serif; font-style: bold; font-weight: 600; background: rgba(255,255,255,0.3); border-radius: none; } .view-events .views-row .views-field-view-node a:hover { background: #4C2178; } .view-events .views-field-title, .view-events .views-field-body { padding: 5px 10px 0 10px; } .gnr-case-study { clear: both; margin-top: 20px; } .gnr-image { width: 100%; } .gnr-image img { margin-bottom: 10px; border-radius: 10px 0; } .gnr-text { width: 100%; } .gnr-image, .gnr-text { display: inline-block; padding: 10px; vertical-align: top; } .sfyh-container { text-align: center; } .sfyh { display: inline-block; width: 200px; text-align: center; margin: 10px; border-radius: 0.7em 0; } .sfyh a:link, .sfyh a:visited { font-size: 1.5em; text-decoration: none; background: none; padding: 10px 10px 10px 0px; margin: 0px; } .sfyh-schools { background-color:rgba(82, 46, 144, 1); transition: 250ms ease-in 0s; border: 2px solid white; } .sfyh-choirs { background-color:rgba(255,211,80, 1); transition: 250ms ease-in 0s; border: 2px solid white; } .sfyh-pubs { background-color:rgba(28, 177, 148, 1); transition: 250ms ease-in 0s; border: 2px solid white; } .sfyh-performers { background-color:rgba(160, 207, 103, 1); transition: 250ms ease-in 0s; border: 2px solid white; } .sfyh-schools:hover { background-color:rgba(82, 46, 144, 0.8); transition: 250ms ease-in 0s; } .sfyh-choirs:hover { background-color:rgba(255,211,80, 0.8); transition: 250ms ease-in 0s; } .sfyh-pubs:hover { background-color:rgba(28, 177, 148, 0.8); transition: 250ms ease-in 0s; } .sfyh-performers:hover { background-color:rgba(160, 207, 103, 0.8); transition: 250ms ease-in 0s; } .front .block-menu-menu-about-us { display: none; } .slideshow-sort tr.odd td, .slideshow-sort tr.even td { background: #333 !important; color: #FFF; } .slideshow-sort thead { display: none; } .front .responsive-menus-0-0 { display: none; } .gauge-large, #donation-statistics{ display: inline-block; margin: 10px; vertical-align: top; border-radius: 10px !important; } #donation-statistics { font-size: 2em; font-weight: bold; font-family: "omnes-pro",sans-serif; } .guage-large { border-radius: 10px !important; } /* New Block system */ .new-block { border: 2px solid #FFF; padding: 10px 5px; border-radius: 5px 0px 5px 0px; margin-top: 30px; margin-bottom: 20px; font-family: "omnes-pro",sans-serif; font-size: 1em; } .new-block a { text-decoration: none; margin-bottom: 0px; } .new-block p { margin-bottom: 0px; } .new-block a:hover { text-decoration: none; background: none; } .new-block h2 { color: white; text-shadow: 4px 0px 0 #FFF, 4px 1px 0 #FFF, 3px 2px 0 #FFF, 3px 3px 0 #FFF, 2px 3px 0 #FFF, 1px 4px 0 #FFF, 0px 4px 0 #FFF, -1px 4px 0 #FFF, -2px 3px 0 #FFF, -3px 3px 0 #FFF, -3px 2px 0 #FFF, -4px 1px 0 #FFF, -4px 0px 0 #FFF, -4px -1px 0 #FFF, -3px -2px 0 #FFF, -3px -3px 0 #FFF, -2px -3px 0 #FFF, -1px -4px 0 #FFF, 0px -4px 0 #FFF, 1px -4px 0 #FFF, 2px -3px 0 #FFF, 3px -3px 0 #FFF, 3px -2px 0 #FFF, 4px -1px 0 #FFF; font-size: 2em; margin-top: -30px; letter-spacing: 0px; font-weight: 700; margin-left: 4px; line-height: 1; margin-bottom: 10px; } /* Red Block */ .block.red h2 { color: #BE3A4F; } .block.red { background: #EF4957; } /*Purple Block */ .block.purple h2 { color: #CB5699; } .block.purple { background: #6B257C; } /*Purple Red Title Block */ .block.purple-red h2 { color: #C00A27; } .block.purple-red { background: #6B257C; } /*Purple Blue Title Block */ .block.purple-blue h2 { color: #0099D8; } .block.purple-blue { background: #6B257C; } /* Orange Block */ .block.orange h2 { color: #F38033; } .block.orange { background: #F38033; } /* Light Blue Block */ .block.blue h2 { color: #60CBE8; } .block.blue { background:#0099D8 ; } /* Light Blue Block */ .block.light-blue h2 { color: #189AD5; } .block.light-blue { background:#60CBE8 ; } /* Pink Block */ .block.pink h2 { color: #6B257C; } .block.pink { background: #CB5699; } /* yellow Block */ .block.yellow h2 { color: #FEC23B; } .block.yellow { background: #FEC23B; } /* Light Green Block */ .block.light-green h2 { color: #005C42; } .block.light-green { background: #9FCF67; } /* Green Block */ .block.green h2 { color: #135A41; } .block.green { background: #15947F; } /* Dark Green Block */ .block.dark-green h2 { color: #005C42; } .block.dark-green { background: #005C42; } /* Grey Block */ .block.grey h2 { color: #999999; } .block.grey { background: #666666; } /* Light Grey Block */ .block.light-grey h2 { color: #666666; } .block.light-grey { background: #999999; } /* White Block */ .block.white h2 { color: #FFF; } .block.white h2 { color: white; text-shadow: 4px 0px 0 #492F92, 4px 1px 0 #492F92, 3px 2px 0 #492F92, 3px 3px 0 #492F92, 2px 3px 0 #492F92, 1px 4px 0 #492F92, 0px 4px 0 #492F92, -1px 4px 0 #492F92, -2px 3px 0 #492F92, -3px 3px 0 #492F92, -3px 2px 0 #492F92, -4px 1px 0 #492F92, -4px 0px 0 #492F92, -4px -1px 0 #492F92, -3px -2px 0 #492F92, -3px -3px 0 #492F92, -2px -3px 0 #492F92, -1px -4px 0 #492F92, 0px -4px 0 #492F92, 1px -4px 0 #492F92, 2px -3px 0 #492F92, 3px -3px 0 #492F92, 3px -2px 0 #492F92, 4px -1px 0 #492F92; font-size: 2em; margin-top: -30px; letter-spacing: 0px; font-weight: 700; margin-left: 4px; line-height: 1; margin-bottom: 10px; } .block.white { background: #FFF; } .block.white a:link, .block.white a:visited, .block.white p { color: #492F92; } /* Image Blocks */ .block-imageblock.new-block { padding: 10px 0px 0px 0px; } .block-imageblock.new-block h2 { padding-left: 4px; } .block-imageblock.new-block .block-body { padding: 5px; } .block-imageblock.new-block img { border-radius: 0px 0px 5px 0px; } /* Overrides */ /* Donation Block */ .donation-block .block-inner { background: url(../images/donation_block_bk.png) right top no-repeat transparent; padding-right: 102px ; } /* Together at the Table */ body.page-node-587, body.page-node-589, body.page-node-590, body.page-node-591, body.page-node-592, body.page-node-593, body.page-node-603 { background-position: top center; background-image: url(../images/tatt_bg.png) !important; background-repeat: no-repeat; background-color: #91C847; background-attachment: fixed; } .page-node-587 .field-name-field-hruk-image, .page-node-589 .field-name-field-hruk-image, .page-node-590 .field-name-field-hruk-image, .page-node-591 .field-name-field-hruk-image, .page-node-592 .field-name-field-hruk-image, .page-node-593 .field-name-field-hruk-image { float: left !important; margin: 4px; margin-bottom: 4px; display: block; } .page-node-587 .field.field-name-field-hruk-image.field-type-image.field-label-hidden, .page-node-587 .field-name-field-hruk-image img, .page-node-587 #block-system-main .field-name-field-hruk-image img, .page-node-589 .field.field-name-field-hruk-image.field-type-image.field-label-hidden, .page-node-589 .field-name-field-hruk-image img, .page-node-589 #block-system-main .field-name-field-hruk-image img, .page-node-590 .field.field-name-field-hruk-image.field-type-image.field-label-hidden, .page-node-590 .field-name-field-hruk-image img, .page-node-590 #block-system-main .field-name-field-hruk-image img, .page-node-591 .field.field-name-field-hruk-image.field-type-image.field-label-hidden, .page-node-591 .field-name-field-hruk-image img, .page-node-591 #block-system-main .field-name-field-hruk-image img, .page-node-592 .field.field-name-field-hruk-image.field-type-image.field-label-hidden, .page-node-592 .field-name-field-hruk-image img, .page-node-592 #block-system-main .field-name-field-hruk-image img, .page-node-593 .field.field-name-field-hruk-image.field-type-image.field-label-hidden, .page-node-593 .field-name-field-hruk-image img, .page-node-593 #block-system-main .field-name-field-hruk-image img, .page-node-603 .field-name-field-hruk-image img, .page-node-603 #block-system-main .field-name-field-hruk-image img { border-radius: 0px; } .tatt-block { width: 90%; background: #F2F2F2; border-radius: 0.7em 0; display: inline-block; margin: 10px 0px 0px 0px; vertical-align: top; border: 2px solid #FFF; min-height: 180px; text-align: center; padding-top: 10px; } .tatt-block p { margin-bottom: 0px; } .tatt-block a:hover { } a.tatt1 { display: block; background: url(../images/tatt1.jpg) transparent top center no-repeat; padding: 110px 10px 0px 10px; text-decoration: none; color: #43B649; } a.tatt2 { display: block; background: url(../images/tatt2.jpg) transparent top center no-repeat; padding: 110px 10px 0px 10px; text-decoration: none; color: #43B649; } a.tatt3 { display: block; background: url(../images/tatt3.jpg) transparent top center no-repeat; padding: 110px 10px 0px 10px; text-decoration: none; color: #43B649; } a.tatt4 { display: block; background: url(../images/tatt4.jpg) transparent top center no-repeat; padding: 110px 10px 0px 10px; text-decoration: none; color: #43B649; } a.tatt5 { display: block; background: url(../images/tatt5.jpg) transparent top center no-repeat; padding: 110px 10px 0px 10px; text-decoration: none; color: #43B649; } a.tatt6 { display: block; background: url(../images/tatt6.jpg) transparent top center no-repeat; padding: 110px 10px 0px 10px; text-decoration: none; color: #43B649; } a.tatt1:hover { background: url(../images/tatt1.jpg) transparent top center no-repeat !important; } a.tatt2:hover{ background: url(../images/tatt2.jpg) transparent top center no-repeat !important; } a.tatt3:hover{ background: url(../images/tatt3.jpg) transparent top center no-repeat !important; } a.tatt4:hover{ background: url(../images/tatt4.jpg) transparent top center no-repeat !important; } a.tatt5:hover{ background: url(../images/tatt5.jpg) transparent top center no-repeat !important; } a.tatt6:hover { background: url(../images/tatt6.jpg) transparent top center no-repeat !important; } .block-key-message-slideshow-block-2 .Together { background: url(../images/tatt_logo.png) no-repeat 20px 30px; padding-left: 80px; } .context-hruk-healthy-heart-grant-application-form td { border: 1px solid #FFF; } .messages.warning { display: none; }