*{margin:0px; padding:0px; border:0px;} table {border-collapse:collapse;} img {vertical-align:middle;} input {-webkit-appearance:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline:none;} select {-webkit-appearance:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline:none;} textarea {-webkit-appearance:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline:none;} header:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} header {display:inline-block;} * html header {height: 0px; overflow:hidden;} header {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} nav:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} nav {display:inline-block;} * html nav {height: 0px; overflow:hidden;} nav {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} section:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} section {display:inline-block;} * html section {height: 0px; overflow:hidden;} section {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} article:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} article {display:inline-block;} * html article {height: 0px; overflow:hidden;} article {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} aside:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} aside {display:inline-block;} * html aside {height: 0px; overflow:hidden;} aside {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} footer:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} footer {display:inline-block;} * html footer {height: 0px; overflow:hidden;} footer {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} div:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} div {display:inline-block;} * html div {height: 0px; overflow:hidden;} div {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} form:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} form {display:inline-block;} * html form {height: 0px; overflow:hidden;} form {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} img {max-width:100%;} #loading-img { background: url("../images/loading2.gif") center center no-repeat; display: none; height: 256px; width: 256px; position: absolute; top: 33%; left: 1%; right: 1%; margin: auto; } .container{ height:100%; width:100%; position:fixed; top:0; left:0; z-index:9999999999999; background: rgba(255, 255, 255, 0.8); display:none; } /* BASIC FONT STYLES */ @font-face {font-family: 'DefaultBold'; src: url('fonts/Brandon_bld.eot'); src: url('fonts/Brandon_bld.eot#iefix') format('embedded-opentype'),url('fonts/Brandon_bld.woff') format('woff'),url('fonts/Brandon_bld.ttf') format('truetype'),url('fonts/Brandon_bld.svg') format('svg');font-weight: normal; font-style: normal;} @font-face {font-family: 'DefaultMed';src: url('fonts/Brandon_med.eot');src: url('fonts/Brandon_med.eot#iefix') format('embedded-opentype'),url('fonts/Brandon_med.woff') format('woff'),url('fonts/Brandon_med.ttf') format('truetype'),url('fonts/Brandon_med.svg') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'DefaultRegular'; src: url('fonts/Brandon_reg.eot'); src: url('fonts/Brandon_reg.eot#iefix') format('embedded-opentype'), url('fonts/Brandon_reg.woff') format('woff'), url('fonts/Brandon_reg.ttf') format('truetype'), url('fonts/Brandon_reg.svg') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'DefaultLight';src: url('fonts/Brandon_light.eot');src: url('fonts/Brandon_light.eot#iefix') format('embedded-opentype'),url('fonts/Brandon_light.woff') format('woff'),url('fonts/Brandon_light.ttf') format('truetype'),url('fonts/Brandon_light.svg') format('svg');font-weight: normal;font-style: normal;} @font-face { font-family: 'DefaultHairline';src: url('fonts/Brandon_thin.eot');src: url('fonts/Brandon_thin.eot#iefix') format('embedded-opentype'),url('fonts/Brandon_thin.woff') format('woff'),url('fonts/Brandon_thin.ttf') format('truetype'),url('fonts/Brandon_thin.svg') format('svg');font-weight: normal;font-style: normal;} body {background-color:#ffffff; font-family:DefaultRegular,helvetica; font-size:100%; overflow-x: hidden;} h1 { padding:0px 0px 10px 0px; font-size:2.80em; color:#444444; font-weight:normal; font-family:DefaultBold; } h2 { padding:0px 0px 10px 0px; font-size:2.20em; color:#444444; font-weight:normal; font-family:DefaultBold;} h2 a {color:#444444;} h2 a:hover {color:#444444;} h3 { padding:0px 0px 10px 0px; font-size:1.70em; color:#444444; font-weight:normal; font-family:DefaultMed;} h4 { padding:0px 0px 10px 0px; font-size:1.10em; color:#444444; font-weight:normal; font-family:DefaultMed;} p { padding:0px 0px 10px 0px; font-size:1.10em; color:#444444; line-height:1.60em;} a { color:#ebaab3; text-decoration:none; } a:hover { color:#000000; text-decoration:none; } ol { margin:0 0 15px 25px; } ul { margin:0 0 15px 25px; } li { font-size:1.10em; margin-bottom:8px; color:#444444; line-height:1.60em;} .textcolourbrand {color:#ebaab3;} .textcolourgreen {color:#34c602;} .textcolourblue {color:#026ed3;} .textcolourred {color:#d30210;} .textcolouryellow {color:#d3b802;} .textcolourorange {color:#ff9900;} .textcolourblack {color:#000000;} .textcolourwhite {color:#ffffff;} .textcolourpink {color:#fd60da;} .textcolourgrey {color:#555555;} .textcolourpurple {color:#7513fb;} ::selection {color:#ffffff; background-color:#ebaab3;} ::-moz-selection {color:#ffffff; background-color:#ebaab3;} input { font-size:1.10em; font-family:DefaultRegular; color:#444444; padding:15px; } select { font-size:1.10em; font-family:DefaultRegular; color:#444444; padding:15px;} textarea { font-size:1.10em; font-family:DefaultRegular; color:#444444; padding:15px;} ::-webkit-input-placeholder {color: #666666;} :-ms-input-placeholder { color: #666666;} ::-moz-placeholder { color: #666666; opacity: 1;} :-moz-placeholder {color: #666666; opacity: 1;} /* SEARCH FORM STYLES */ .SearchForm input {padding:20px; width:200px; background-color:#efeeee; float:left; margin-bottom:10px; margin-right:5px;} .SearchForm .SubmitButton {font-size:0.95em; color:#ffffff; float:left; background-color:#ebaab3; width:100px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .SearchForm .SubmitButton:hover {background-color:#444444; } /* HEADER STYLES */ .HeadOuter {width:100%; height:auto; position: relative; float:left; background-color:#ffffff;} header.HeadInner {width:95%; max-width:1400px; height:140px; margin:0 auto; position:relative; } #MegaMenuIcon {display:none; } #Logo {width:80%; max-width:380px; height:auto; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:22px;} #Logo img {width:100%; border:none;} #HeadSocial {width:33.3%; max-width:160px; float:left; margin-top:46px;} #HeadSocial .SocialIcon {float:left; width:30px; margin:0 10px 0 0; } #HeadSocial .SocialIcon img {width:30px; margin:0 10px 0 0; } #HeadSocial .SocialIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} #HeadSocial .SocialIcon svg path {fill:#444444 !important;} #HeadSocial .SocialIcon svg:hover path {fill:#ffd5db !important;} #HeadAdBTN {width:240px; position:absolute; border-radius:4px; background-color:#ffd5db; color:#444444; text-align:center; top:32px; right:0; padding:8px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} #HeadAdBTN:hover {background-color:#444444; color:#ffffff;} #HeadLogin {width:200px; position:absolute; right:0; top:80px; text-align:right;} .NavOuter {width:100%; height:auto; position: relative; float:left; background-color:#c7ebf8;} header.NavInner {width:95%; max-width:1400px; height:60px; margin:0 auto; position:relative; } nav#MainNavigation {width:80%; height:60px; float:left; position:relative; } nav#MainNavigationDrop {width:20%; height:60px; float:right; position:relative; } /* SLIDER / BANNER */ #SiteBanner {width:100%; height:300px; float:left; background-size:cover; background-position:center center; position:relative;} #PinkOverlay {float:left; width:100%; height:100%; position:relative; background-image:url('../images/overlay-pink.png'); background-position:center center; padding:0 30px;} #BlueOverlay {float:left; width:100%; height:100%; position:relative; background-image:url('../images/overlay-blue.png'); background-position:center center; padding:0 30px;} #GreenOverlay {float:left; width:100%; height:100%; position:relative; background-image:url('../images/overlay-green.png'); background-position:center center; padding:0 30px;} .OverlayLarge {height:430px !important; } #PinkOverlay h1 {color:#ffffff; text-align:center; margin-top:120px; padding:0; text-shadow: 1.5px 1.5px #555555; } #BlueOverlay h1 {color:#ffffff; text-align:center; margin-top:120px; padding:0; text-shadow: 1.5px 1.5px #555555; } #GreenOverlay h1 {color:#ffffff; text-align:center; margin-top:120px; padding:0; text-shadow: 1.5px 1.5px #555555; } #PinkOverlay h2 {color:#ffffff; text-align:center; margin-bottom:20px; padding:0; text-shadow: 1.5px 1.5px #555555; } #BlueOverlay h2 {color:#ffffff; text-align:center; margin-bottom:20px; padding:0; text-shadow: 1.5px 1.5px #555555; } #GreenOverlay h2 {color:#ffffff; text-align:center; margin-bottom:20px; padding:0; text-shadow: 1.5px 1.5px #555555; } #PinkOverlay p {color:#ffffff; text-align:center; margin-bottom:2px; padding:0; text-shadow: 1.5px 1.5px #555555; font-size:1.30em; } #BlueOverlay p {color:#ffffff; text-align:center; margin-bottom:2px; padding:0; text-shadow: 1.5px 1.5px #555555; font-size:1.30em; } #GreenOverlay p {color:#ffffff; text-align:center; margin-bottom:2px; padding:0; text-shadow: 1.5px 1.5px #555555; font-size:1.30em; } .slideshow-container {width:100%; background-color:#000000; position: relative; margin: auto; float:left;} .slideshow-container .fade {float:left; height:60vh; width:100%;} .slideshow-container .text {text-align:center; position: absolute; color:#000000; bottom:35%; width:80%; max-width:750px; left:0; right:0; margin-left:auto; margin-right:auto; } .slideshow-container .text h1 {color:#ffffff; font-size:3.20em; padding:0;} .slideshow-container .text h2 {color:#ffffff; font-size:2.40em; padding:0;} .slideshow-container .text p {color:#ffffff; font-size:1.80em;} /* Fading animation */ .slideshow-container .fade {background-position:center center; background-size:cover; -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;} @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* MEGA DROP DOWN MENU */ .sidenav {height:100%; width: 0; display:none; position: fixed; z-index:100; top: 0; left: 0; background-color: #c7ebf8; overflow-x: hidden; padding-top: 60px; transition: 0.5s; } .sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; color:#ffffff;} .MegaDropBlock {width:100%; float:left; margin-bottom:10px; margin-left:20px; } .MegaDropBlock a {color:#444444; display:block; font-size:1.40em; } .MegaDropBlock a:hover {color:#555555;} .MegaDropBlockList {float:left; margin-top:5px; margin-left:20px; clear:both;} .MegaDropBlockList a {color:#444444; display:block; height:auto; font-size:1.10em; } .MegaDropBlockList a:hover {color:#ffffff;} #MenuSocial {width:180px; margin:30px 0 0 20px; float:left;} #MenuSocial .SocialIcon {float:left; width:30px; margin:0 5px 0 5px; } #MenuSocial .SocialIcon img {width:30px; margin:0 5px 0 5px; } #MenuSocial .SocialIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} #MenuSocial .SocialIcon svg path {fill:#ffffff !important;} #MenuSocial .SocialIcon svg:hover path {fill:#444444 !important;} /* STANDARD DROP DOWN MENU */ ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none; margin: 0; padding: 0;} ul.dropdown { /*position: relative;*/ z-index: 297; float: left;} ul.dropdown li { float: left; vertical-align: middle; zoom: 1; color: #FFFFFF; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default;} ul.dropdown ul { visibility: hidden; position: absolute; left: 0; z-index: 598; width: 100%;} ul.dropdown ul li { float: none;} ul.dropdown ul ul { top: 1px; left: 99%;} ul.dropdown li:hover > ul { visibility: visible;} ul.dropdown li.rtl ul { top: 100%; right: 0; left: auto;} ul.dropdown li.rtl ul ul {top: 1px; right: 99%; left: auto; } ul.dropdown {margin:0px; padding:0px; } ul.dropdown li {margin:0px 0px 0px 0px; position:relative;} .dropmenu {position:absolute; top:60px; left:30px;} #dropnav .dir li {position:relative; width:200px; display:block; } #dropnav .dir li:hover {display:block;} a.btn {display:block; font-size:0.95em; color:#444444; float:left; padding:0 25px 0 0; text-align:center; line-height:60px; font-family:DefaultMed; } a.btn:hover {display:block; color:#000000; text-decoration:none; } a.btnActive {display:block; font-size:0.95em; color:#000000; float:left; padding:0 25px 0 0; text-align:center; line-height:60px; font-family:DefaultMed;} a.btnActive:hover {display:block; color:#000000; text-decoration:none; } a.btnRight {display:block; font-size:0.95em; color:#444444; float:left; padding:0 0 0 0; text-align:right; line-height:60px; font-family:DefaultMed; } a.btnRight:hover {display:block; color:#000000; text-decoration:none; } a.btnActiveRight {display:block; font-size:0.95em; color:#000000; float:left; padding:0 0 0 0; text-align:center; line-height:60px; font-family:DefaultMed;} a.btnActiveRight:hover {display:block; color:#000000; text-decoration:none; } a.btn2 {display:block; font-size:1em; color:#ffffff; padding:8px; background-color:#9cdeaf; border-bottom:1px solid #ffffff; } a.btn2:hover {display:block; color:#ffffff; background-color:#c7ebf8; text-decoration:none; } /* FOOTER STYLES */ .FootOuter {width:100%; height:auto; position: relative; float:left; background-color:#efeeee; border-top:2px solid #ffffff;} footer.FootInner {width:95%; max-width:1400px; padding:40px 0 40px 0; margin:0 auto; position:relative; } #FootLogo {width:25%; height:auto; float:left; background-color:#ffd5db; padding:20px;} .SignupForm input {background-color:#ffffff; float:left; width:100%; padding:10px; margin:0 0 6px 0; clear:auto;} .SignupForm input.tick {width:30px; height:30px; background-color:#ffffff; float:left; padding:0px; margin-top:8px;} .SignupForm input.tick[type=checkbox]:checked {background: #222222; background-image:url('../images/tick.png'); background-repeat:no-repeat; background-size:100%; background-position:center center;} .SignupForm p {width:80%; font-size:0.70em; float:right; text-align:right; margin-left:5px; } .SignupForm .SubmitSignupButton {background-color:#c7ebf8; color:#222222; float:left; width:100%; margin-right:0; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .SignupForm .SubmitSignupButton:hover {background-color:#222222; } nav#NavigationBottom {width:70%; margin-bottom:30px; margin-top:38px; position:relative; float:right;} nav#NavigationBottom p {color:#444444; padding:0px; text-align:right; } nav#NavigationBottom a { color:#444444;} nav#NavigationBottom a:hover { color:#ffffff; text-decoration:underline; } .FootLinks {margin:0 10px 0 10px;} #FooterContentRight {width:70%; float:right; margin-bottom:15px; } #FooterContentRight p {color:#444444; text-align:right; } #FooterContentRight a { color:#444444;} #FooterContentRight a:hover { color:#000000; text-decoration:underline;} #FooterContentRight .SocialIcon {float:right; width:30px; margin:0 0 0 10px; } #FooterContentRight .SocialIcon img {width:30px; margin:0 0 0 10px; } #FooterContentRight .SocialIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} #FooterContentRight .SocialIcon svg path {fill:#444444 !important;} #FooterContentRight .SocialIcon svg:hover path {fill:#000000 !important;} /* HOME PAGE STYLES */ section.SupportOuter {width:100%; height:auto; position: relative; float:left; background-color:#c7ebf8;} section.SupportInner {width:95%; max-width:1400px; padding:60px 0 60px 0; margin:0 auto; position:relative; } section.SupportInner h2 {text-align:center; padding:0;} section.SupportInner h3 {text-align:center; padding:0 0 30px 0;} #ExpertSearch {width:66%; margin:0 17%; padding:30px; background-color:#ceffdc; float:left; } #ExpertSearch h2 {text-align:center; padding:0;} #ExpertSearch h3 {text-align:center; padding:0;} #ExpertSearch .HomeExpertFilters input {padding:15px; width:39%; background-color:#ffffff; float:left; margin:10px 1% 0 0;} #ExpertSearch .HomeExpertFilters select {padding:15px; width:39%; background-color:#ffffff; float:left; margin:10px 1% 0 0;} #ExpertSearch .HomeExpertFilters .SubmitButton {font-size:1.10em; color:#ffffff; background-color:#9cdeaf; width:20%; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer; margin:10px 0 0 0;} #ExpertSearch .HomeExpertFilters .SubmitButton:hover {background-color:#444444; } /* HOME PAGE SHOP STYLES */ .HomeCallBlock {width:24%; margin:0 0.5% 60px 0.5%; float:left; height:350px; background-position:center center; background-size:cover; position:relative;} .HomeCallBlock .Text {background-color:#ffffff; border:2px solid #444444; padding:10px; color:#444444; text-align:center; position:absolute; bottom:20px; left:5%; width:90%; font-family:DefaultMed; font-size:1.20em;} .HomeCallBlockTopLeft {width:34.5%; float:left; margin-left:15%; background-color:#fbe5d6; padding:10px; border:2px solid #444444; color:#444444; text-align:center; font-family:DefaultMed; font-size:1.40em; margin-bottom:30px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .HomeCallBlockTopLeft:hover {background-color:#444444; color:#ffffff; } .HomeCallBlockTopRight {width:34.5%; float:right; margin-right:15%; background-color:#9dc3e6; padding:10px; border:2px solid #444444; color:#444444; text-align:center; font-family:DefaultMed; font-size:1.40em; margin-bottom:30px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .HomeCallBlockTopRight:hover {background-color:#444444; color:#ffffff; } /* HOME PAGE SHOP STYLES */ section.ShopOuter {width:100%; height:auto; position: relative; float:left; background-color:#feebd3; margin-top:60px;} section.ShopInner {width:95%; max-width:1400px; padding:60px 0 60px 0; margin:0 auto; position:relative; } #ShopBlock1 {float:left; width:66%; background-color:#555555; height:400px;} #ShopBlock1Left {background-color:#9cdeaf; padding:30px; height:400px; width:30%; float:left;} #ShopBlock1Left h3 {color:#222222; text-align:center; margin-top:80px;} #ShopBlock1Left p {color:#222222; text-align:center;} #ShopBlock1Right {background-color:#ffffff; background-position:center center; background-size:cover; height:400px; width:70%; float:right;} #ShopBlock2 {float:right; width:33%; background-color:#555555; padding:30px; background-position:center center; background-size:cover; height:310px;} #ShopBlock2 h3 {color:#222222;} #ShopBlock2 p {color:#222222;} #ShopBlock3 {float:right; width:33%; background-color:#d9eae3; height:80px; padding: 0 30px; color:#222222; line-height:80px; font-size:1.20em; margin-top:10px;} .ClassPageBTN {background-color:#f8e2d5; display:inline; border-radius:6px; border:2px solid #444444; padding:10px; text-align:center; color:#444444; font-size:1.30em; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer; float:left; margin-right:10px;} .ClassPageBTN:hover {background-color:#ffffff;} .MidwifePageBTN {background-color:#444444; margin:auto; border-radius:6px; border:2px solid #444444; width:260px; padding:10px; text-align:center; color:#ffffff; font-size:1.30em; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer; margin-top:20px;} .MidwifePageBTN:hover {background-color:#ffffff; color:#444444;} /* HOME PAGE EVENT STYLES */ #HomeIntro {float:left; width:90%; margin:30px 5% 0 5%;} section.EventsOuter {width:100%; height:auto; position: relative; float:left; background-color:#ffffff;} section.EventsInner {width:95%; max-width:1400px; padding:60px 0 60px 0; margin:0 auto; position:relative; } .EventBanner {height:460px; width:100%; float:left; background-position:center center; background-size:cover; } .EventBanner h2 {text-shadow: 1.5px 1.5px #555555; color:#ffffff; text-align:center; margin-top:110px; font-size:3.20em; padding:0;} .EventBanner h3 {text-shadow: 1.5px 1.5px #555555; color:#ffffff; text-align:center; margin-bottom:20px; font-size:2.40em;} #EventBannerBTN {background-color:#ffffff; width:400px; border-radius:6px; border:2px solid #444444; padding:10px; text-align:center; color:#444444; margin: auto; font-size:1.30em; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .EventBanner:hover #EventBannerBTN {background-color:#444444; border:2px solid #ffffff; color:#ffffff;} section.ReviewsOuter {width:100%; height:auto; position: relative; float:left; background-color:#ffffff;} section.ReviewsInner {width:95%; max-width:1400px; padding:60px 0 30px 0; margin:0 auto; position:relative; } section.ReviewsInner a:hover {text-decoration:none !important;} .ReviewsBanner {width:100%; float:left; background-position:center center; background-size:cover; padding:30px;} .ReviewsBanner h2 {text-shadow: 1.5px 1.5px #555555; color:#ffffff; text-align:center; margin-top:0; font-size:3.20em; padding:0;} .ReviewsBanner h3 {text-shadow: 1.5px 1.5px #555555; color:#ffffff; text-align:center; margin-bottom:20px; font-size:2.40em;} .ReviewsBannerBTN {background-color:#ffffff; max-width:500px; border-radius:6px; border:2px solid #444444; padding:10px; text-align:center; color:#444444; margin: auto; font-size:1.30em; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer; margin-bottom:6px; text-decoration:none !important;} .ReviewsBanner .ReviewsBannerBTN:hover {background-color:#444444; border:2px solid #ffffff; color:#ffffff; text-decoration:none !important; } .Reviews2BannerBTN {background-color:#444444; max-width:600px; border-radius:6px; border:2px solid #ffffff; padding:10px; text-align:center; color:#ffffff; margin: auto; font-size:1.30em; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer; margin-bottom:6px; text-decoration:none !important;} .Reviews2Banner .Reviews2BannerBTN:hover {background-color:#ffffff; border:2px solid #444444; color:#444444; text-decoration:none !important; } section.CompOuter {width:100%; height:auto; position: relative; float:left; background-color:#ffffff;} section.CompInner {width:95%; max-width:1400px; padding:30px 0 60px 0; margin:0 auto; position:relative; } section.CompInner a:hover {text-decoration:none !important;} .CompBanner { width:100%; float:left; background-position:center center; background-size:cover; padding:30px;} .CompBanner h2 {text-shadow: 1.5px 1.5px #555555; color:#ffffff; text-align:center; margin-top:0; font-size:3.20em; padding:0;} .CompBanner h3 {text-shadow: 1.5px 1.5px #555555; color:#ffffff; text-align:center; margin-bottom:20px; font-size:2.40em;} .CompBannerBTN {background-color:#444444; width:400px; max-width:90%; border-radius:6px; border:2px solid #ffffff; padding:10px; text-align:center; color:#ffffff; margin: auto; font-size:1.30em; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer; text-decoration:none !important;} .CompBanner .CompBannerBTN:hover {background-color:#ffffff; border:2px solid #444444; color:#444444; text-decoration:none !important; } /* COMPETITIONS AND DEALS */ .CompIcon {float:left; margin-right:30px; width:100px; padding:20px;} .CompIcon p {padding:10px 0 0 0; text-align:center; font-size:0.95em; line-height:18px;} section#CompListings {float:left; clear:both; width:100%; margin:30px 0 30px 0; } section#CompListings article {width:23%; background-color:#ffffff; margin:0 1% 20px 1%; border:1px solid #9cdeaf; padding:3px; float:left; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#CompListings article:hover {background-color:#ceffdc;} section#CompListings article .Text {float:left; width:100%; height:360px; overflow:hidden; padding:20px;} section#CompListings article .Text h2 { font-size:1.30em; color:#444444; padding-bottom:6px; } section#CompListings article .Text p { font-size:1em; line-height:22px; } section#CompListings article .Text p.Old { font-size:0.90em; line-height:22px; color:#af0101; text-decoration:line-through;} section#CompListings article .Text p.New { font-size:1em; line-height:22px; color:#ffffff; background-color:#028728; padding:4px; display:inline; margin-bottom:6px; float:left;} section#CompListings article .Image {height:240px; float:left; width:100%; background-color:#444444; position:relative; background-position:center center; background-size:cover;} section#CompListings article .CompBTN {background-color:#9cdeaf; border-radius:6px; margin-top:4px; float:left; width:100%; clear:both; padding:6px; text-align:center; color:#ffffff; font-size:1em; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer; text-decoration:none !important;} section#CompListings article .CompBTN:hover {background-color:#444444; color:#ffffff; text-decoration:none !important; } /* HOME PAGE JOB STYLES */ section.JobsFlashOuter {width:100%; height:auto; position: relative; float:left; background-color:#c7ebf8; margin-bottom:40px;} section.JobsFlashInner {width:95%; max-width:1400px; padding:30px; margin:0 auto; position:relative; } .ExpectingRight {float:right; width:18%; } .ExpectingForm {float:left; width:80%; } .ExpectingForm input {background-color:#ffffff; float:left; width:39%; padding:10px; margin:0 1% 6px 0; clear:auto;} .ExpectingForm input.tick {width:30px; height:30px; background-color:#ffffff; float:left; padding:0px; margin-top:8px;} .ExpectingForm input.tick[type=checkbox]:checked {background: #222222; background-image:url('../images/tick.png'); background-repeat:no-repeat; background-size:100%; background-position:center center;} .ExpectingForm small {width:80%; font-size:0.70em; float:left; text-align:left; margin-left:5px; } .ExpectingForm .SubmitSignupButton {background-color:#98cfe3; color:#222222; float:left; width:20%; margin-right:0; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .ExpectingForm .SubmitSignupButton:hover {background-color:#222222; } section.JobsFlashInner img {float:left; width:280px;} section.JobsOuter {width:100%; height:auto; position: relative; float:left; background-color:#ceffdc;} section.JobsInner {width:95%; max-width:1400px; padding:60px 0 60px 0; margin:0 auto; position:relative; } section.JobsInner h2 {text-align:center; padding:0;} section.JobsInner h3 {text-align:center; padding:0 0 30px 0;} section.JobsInner article {width:23%; height:auto; margin:0px 1% 0 1%; background-color:#ffffff; float:left; position:relative; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section.JobsInner article:hover {background-color:#9cdeaf; } section.JobsInner article .Text {float:left; width:90%; min-height:100px; padding:20px;} section.JobsInner article .Text h2 { font-size:1.20em; color:#444444; padding-bottom:6px; text-align:left; padding:0;} section.JobsInner article .Text p { font-size:1em; padding:0;} .JobArrow {width:50px; position:absolute; top:23px; right:10px;} #JobsButtonOuter {float:left; width:100%; margin-top:30px;} #HomeJobBTN {background-color:#444444; width:320px; max-width:90%; border-radius:6px; padding:12px; text-align:center; color:#ffffff; margin: auto; font-size:1.30em; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} #HomeJobBTN:hover {background-color:#ffffff; color:#444444;} /* HOME PAGE CALLOUTS */ .HomeBTN1 {background-color:#ebaab3; float:left; width:24%; margin:0 0.5% 0 0.5%; padding: 25px 130px 25px 25px; background-image:url('../images/bgFAQ.png'); background-repeat:no-repeat; background-size:160px; background-position:right center; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .HomeBTN1:hover {background-color:#ffd5db; } .HomeBTN1 p {color:#ffffff; font-size:1.80em; font-family:DefaultBold; line-height:34px; padding:0;} .HomeBTN2 {background-color:#9cdeaf; float:left; width:24%; margin:0 0.5% 0 0.5%; padding: 42px 130px 42px 25px; background-image:url('../images/bgChat.png'); background-repeat:no-repeat; background-size:130px; background-position:right center; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .HomeBTN2:hover {background-color:#ceffdc; } .HomeBTN2 p {color:#ffffff; font-size:1.80em; font-family:DefaultBold; line-height:34px; padding:0;} .HomeBTN3 {background-color:#95c6d8; float:left; width:24%; margin:0 0.5% 0 0.5%; padding: 25px 130px 25px 25px; background-image:url('../images/bgCalc.png'); background-repeat:no-repeat; background-size:160px; background-position:right center; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .HomeBTN3:hover {background-color:#c7ebf8; } .HomeBTN3 p {color:#ffffff; font-size:1.80em; font-family:DefaultBold; line-height:34px; padding:0;} .HomeBTN4 {background-color:#ebaab3; float:left; width:24%; margin:0 0.5% 0 0.5%; padding: 42px 130px 42px 25px; background-image:url('https://www.parentchum.co.uk/images/bgPodcast.png'); background-repeat:no-repeat; background-size:160px; background-position:right center; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .HomeBTN4:hover {background-color:#ffd5db; } .HomeBTN4 p {color:#ffffff; font-size:1.80em; font-family:DefaultBold; line-height:34px; padding:0;} .floatBTN {background-color:#ebaab3; color:#ffffff; float:left; width:130px; padding:8px 20px; border-radius:4px; text-align:center; margin-right:0; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .floatBTN:hover {background-color:#222222; } .floatLongBTN {background-color:#ebaab3; color:#ffffff; float:left; max-width:90%; width:400px; padding:8px 20px; border-radius:4px; text-align:center; margin-right:0; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .floatLongBTN:hover {background-color:#222222; } #HomeSupportBTN {background-color:#ffffff; color:#444444; border:2px solid #444444; max-width:90%; width:400px; padding:8px 20px; border-radius:4px; text-align:center; margin:auto; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer; margin-bottom:30px;} #HomeSupportBTN:hover {background-color:#444444; color:#ffffff; } #HomeJobs1BTN {background-color:#ffffff; color:#444444; border:2px solid #444444; max-width:90%; width:400px; padding:8px 20px; border-radius:4px; text-align:center; margin:auto; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer; margin-bottom:10px;} #HomeJobs1BTN:hover {background-color:#444444; color:#ffffff; } #HomeJobs2BTN {background-color:#444444; color:#ffffff; border:2px solid #ffffff; max-width:90%; width:400px; padding:8px 20px; border-radius:4px; text-align:center; margin:auto; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer; margin-bottom:30px;} #HomeJobs2BTN:hover {background-color:#ffffff; color:#444444; } /* CALCULATOR STYLES */ section#Calculator1 {width:40%; float:left; background-color:#ffd5db; border-radius:6px; padding:30px; margin:0 5%;} section#Calculator2 {width:40%; float:left; background-color:#ceffdc; border-radius:6px; padding:30px; margin:0 5%;} .CalcForm select {background-color:#ffffff; float:left; padding:10px; margin:0 0.5% 6px 0;} section#Calculator1 .CalcForm .SubmitCalcButton {background-color:#ebaab3; color:#ffffff; float:left; width:100%; margin-right:0; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} section#Calculator2 .CalcForm .SubmitCalcButton {background-color:#9cdeaf; color:#ffffff; float:left; width:100%; margin-right:0; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .CalcForm .SubmitCalcButton:hover {background-color:#222222; } .dob-year {width:24.5%;} .dob-month {width:49.5%;} .dob-day {width:24.5%;} .OvulationRow {width:100%; float:left; margin:0 0 30px 0; border-bottom:1px solid #ffffff; padding-bottom:30px;} section#Calculator1 .OvulationRow h3 {color:#ebaab3; font-size:1.30em;} section#Calculator2 .OvulationRow h3 {color:#9cdeaf; font-size:1.30em;} .OvulationRowLeft {width:49%; float:left; } .OvulationRowRight {width:49%; float:right; } /* PROMOTE PAGE STYLES */ #PromoteTopLeft {width:20%; float:left;} #PromoteImage {float:left; width:100%; height:260px; background-size:cover; background-position:center center;} #PromoteTopRight {width:75%; float:right; margin-bottom:40px;} #PromotePinkBTN {width:100%; max-width:700px; margin:30px auto; padding:10px; background-color:#ffd5db; color:#333333; font-size:2em; font-family:DefaultBold; text-align:center;} #PromoteGreenBTN {width:100%; max-width:700px; margin:30px auto; padding:10px; background-color:#9cdeaf; color:#333333 !important; font-size:2em; font-family:DefaultBold; text-align:center;} #PromoteGreenBTN a {color:#333333 !important;} #PromotePinkBTN2 {width:50%; margin:30px 0 0 0; padding:10px; background-color:#ffd5db; color:#333333; font-size:2em; font-family:DefaultBold; text-align:center;} #PromoteMain {width:100%; float:left;} .PromoteBox1 {background-color:#9cdeaf; padding:15px; width:100%; float:left; margin-bottom:20px;} .PromoteBox2 {background-color:#9cdeaf; padding:15px; width:49%; float:left; margin-bottom:20px; clear:both; min-height:200px; } .PromoteBox3 {background-color:#9cdeaf; padding:15px; width:49%; float:right; margin-bottom:20px; min-height:200px; } .PromoteBox4 {background-color:#9cdeaf; padding:15px; width:49%; float:left; margin-bottom:20px; clear:both; min-height:200px; } .PromoteBox5 {background-color:#9cdeaf; padding:15px; width:49%; float:right; margin-bottom:20px; min-height:200px; } .PromoteBox6 {background-color:#9cdeaf; padding:15px; width:100%; float:left; margin-bottom:20px;} /* MAIN BODY STYLES */ section.PinkOuter {width:100%; height:auto; position: relative; float:left; background-color:#ffffff;} section.PinkInner {width:95%; max-width:1400px; padding:60px 0 60px 0; margin:0 auto; position:relative; } section.PageOuter {width:100%; height:auto; position: relative; float:left; background-color:#ffffff;} section.PageInner {width:95%; max-width:1400px; padding:20px 0 20px 0; margin:0 auto; position:relative; } section.PageCalloutOuter {width:100%; height:auto; position: relative; float:left; background-color:#ffffff;} section.PageCalloutInner {width:95%; max-width:1400px; padding:0 0 60px 0; margin:0 auto; position:relative; } section.SectionOuter {width:100%; height:auto; position: relative; float:left; background-color:#ffffff;} section.SectionInner {width:95%; max-width:1400px; padding:60px 0 60px 0; margin:0 auto; position:relative; } section.SectionOuterAlt {width:100%; height:auto; position: relative; float:left; background-color:#e0e0e0;} section.SectionInnerAlt {width:95%; max-width:1400px; padding:60px 0 60px 0; margin:0 auto; position:relative; } .SectionText {float:left; width:70%;} .SectionImage {float:right; width:28%;} .SectionImage img {width:100%;} .SectionTextAlt {float:right; width:70%;} .SectionImageAlt {float:left; width:28%;} .SectionImageAlt img {width:100%;} .secgreen {background-color:#ceffdc !important;} .secpink {background-color:#ffd5db !important;} .secblue {background-color:#c7ebf8 !important;} .secwhite {background-color:#ffffff !important;} .Breadcrumbs {float:left; margin:0px 1% 0px 1%; clear:both; width:98%;} .Breadcrumbs p {font-size:0.80em; color:#ebaab3;} .Breadcrumbs a { color:#444444;} .Breadcrumbs a:hover {color:#ebaab3 } .TextBlockIntro {margin:0px auto 40px auto; clear:both; width:98%; max-width:950px;} .TextBlockFull {margin:0px 1% 0px 1%; clear:both; width:98%;} .TextBlock2Col {margin:0px 1% 0px 1%; width:98%; clear:both; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;} .TextBlock2Col p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .addthis_inline_share_toolbox {margin:0px 1% 0px 1%; clear:both; width:98%;} #MainLeft {float:left; width:67%;} #MainRight {float:right; width:28%; position:relative; } /* CONTACT FORM */ section#ContactForm {width:98%; margin:0px 1% 0px 1%; clear:both;} .ContactForm input {padding:20px; width:100%; background-color:#efeeee; float:left; margin-bottom:10px;} .ContactForm select {padding:20px; width:100%; background-color:#efeeee; float:left; margin-bottom:10px;} .ContactForm textarea {padding:20px; width:100%; height:100px; background-color:#efeeee !important; margin-bottom:10px;} .ContactForm input.tick {width:30px; height:30px; background-color:#efeeee; float:left; padding:0px;} .ContactForm input.tick[type=checkbox]:checked {background: #ebaab3; background-image:url('../images/tick.png'); background-repeat:no-repeat; background-size:100%; background-position:center center;} .ContactForm input.circle {width:30px; height:30px; background-color:#efeeee; border-radius:50px; float:left; padding:0px; margin-right:6px;} .ContactForm input.circle[type=radio]:checked {background: #ebaab3;} .ContactForm p {font-size:0.70em; line-height:16px; text-align:right;} .ContactForm .SubmitButton {font-size:0.95em; color:#ffffff; background-color:#ebaab3; width:150px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .ContactForm .SubmitButton:hover {background-color:#444444; } .Hide {display:none;} #map {height:600px; width:100%; display:block;} /* CHILD PAGES */ section#ChildPages {float:left; width:100%;} section#ChildPages article {width:31.3%; height:300px; margin:0px 1% 30px 1%; position:relative; float:left; overflow:hidden; background-color:#efeeee; background-image:url('https://www.parentchum.co.uk/images/default-child.jpg'); background-position:center center; background-size:cover; } section#ChildPages article .LinkBar {width:100%; position:absolute; bottom:0px; left:0px; background:#ebaab3;} section#ChildPages article .LinkBar p { color:#ffffff; text-align:center; padding:10px; margin:0px;} /* FAQ LISTINGS */ section#FAQListing {width:100%; clear:both;} div.accordion {outline:none; margin:0 1% 10px 1%; width:98%; cursor:pointer; background-color:#efeeee; border-radius:4px; padding:16px; position:relative;} div.accordion.active {background-color:#cccccc; } div.accordion:hover {background-color:#cccccc; } div.accordion h2 {color:#444444; font-size:1.20em; padding:0; margin:0;} div.panel {display:none;} div.panel.show {display: block; padding:16px; width:100%;} .Arrow {width:30px; position:absolute; top:10px; right:30px;} .Arrow img {width:100%;} /* CONNECT LISTINGS */ section#ConnectListing {float:left; clear:both; width:100%; } section#ConnectListing article {width:14.6%; margin:20px 1% 0 1%; height:290px; padding:15px; border:1px solid #ebaab3; background-color:#ffffff; float:left; position:relative; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#ConnectListing article:hover {background-color:#ceffdc;} section#ConnectListing article .Image {width:66%; margin:0 17% 10px 17%; height:110px; border-radius:50%; background-color:#444444; float:left; position:relative; background-position:center center; background-size:cover;} section#ConnectListing article .Text {width:100%; float:left;} section#ConnectListing article .Text h2 { font-size:1.30em; color:#444444; text-align:center; font-family:DefaultMed;} section#ConnectListing article .Text p { font-size:0.90em; color:#444444; text-align:center; font-family:DefaultLight;} section#ConnectListing article .linkBTN {background-color:#ebaab3; color:#ffffff; text-align:center; padding:6px; width:90%; position:absolute; bottom:10px; left:5%;} /* JOB LISTINGS */ .HeadJobSearch {width:100%; max-width:900px; margin:auto;} .HeadJobSearch input {padding:20px; width:27.8%; background-color:#ffffff; float:left; margin-bottom:0; margin-right:0.5%;} .HeadJobSearch select {padding:20px; width:27.8%; background-color:#ffffff; float:left; margin-bottom:0; margin-right:0.5%;} .HeadJobSearch .SubmitButton {font-size:1.10em; color:#ffffff; background-color:#ebaab3; width:15%; margin-right:0%; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .HeadJobSearch .SubmitButton:hover {background-color:#444444; } .JobDesc {background-color:#c7ebf8; width:100%; padding:30px;} .VenueDesc {background-color:#ceffdc; width:100%; padding:30px;} #JobFilters {width:100%; background-color:#ffd5db; padding:30px; float:left; margin-bottom:30px;} #JobFilters .Filters input {padding:20px; width:100%; background-color:#ffffff; float:left; margin-bottom:20px;} #JobFilters .Filters select {padding:20px; width:100%; background-color:#ffffff; float:left; margin-bottom:20px;} #JobFilters .Filters textarea {padding:20px; width:100%; height:100px; background-color:#ffffff !important; margin-bottom:20px;} #JobFilters .Filters input.tick {width:30px; height:30px; background-color:#efeeee; float:left; padding:0px;} #JobFilters .Filters input.tick[type=checkbox]:checked {background: #ebaab3; background-image:url('../images/tick.png'); background-repeat:no-repeat; background-size:100%; background-position:center center;} #JobFilters .Filters input.circle {width:30px; height:30px; background-color:#efeeee; border-radius:50px; float:left; padding:0px; margin-right:6px;} #JobFilters .Filters input.circle[type=radio]:checked {background: #ebaab3;} #JobFilters .Filters p {font-size:1.10em; line-height:24px; text-align:left; padding:0;} #JobFilters .Filters .SubmitButton {font-size:1.10em; color:#ffffff; background-color:#ebaab3; width:100%; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} #JobFilters .Filters .SubmitButton:hover {background-color:#444444; } /* JOB PROJECT LISTINGS */ section#ProjectListing {float:left; clear:both; width:100%; margin:0 0 0 0; } section#ProjectListing article {width:98%; height:auto; margin:0px 1% 30px 1%; border:1px solid #ebaab3; padding:30px; background-color:#ffffff; float:left; position:relative;; } section#ProjectListing article .TextTitle {float:left; width:100%; } section#ProjectListing article .TextLeft {float:left; width:30%; } section#ProjectListing article .TextRight {float:left; width:35%; margin-left:4%; } section#ProjectListing article .Image {float:right; width:27%; position:relative; background-position:center center; background-size:cover; height:220px;} section#ProjectListing article h2 { font-size:1.60em; font-family:DefaultRegular; color:#444444; padding-bottom:6px;} section#ProjectListing article p { font-size:1.10em;} section#ProjectListing article .InfoRow {margin-top:8px; float:left; width:100%; position:relative; } section#ProjectListing article .InfoRowIcon {float:left; width:10%; max-width:20px; position:relative; } .InfoRowIcon img {width:100%;} section#ProjectListing article .InfoRowText {float:left; width:90%; position:relative; padding-left:15px; } section#ProjectListing article .MoreBTN {background-color:#ebaab3; color:#ffffff; text-align:center; border-radius:4px; width:150px; padding:10px; float:left; margin-top:20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} section#ProjectListing article:hover .MoreBTN {background-color:#444444; } .ImageLarge {float:left; width:100%; position:relative; background-position:center center; background-size:cover; height:260px; max-width:260px;} section#ProjectPage {float:left; clear:both; width:100%; margin:0 0 0 0; } section#ProjectPage {width:98%; height:auto; margin:0px 1% 30px 1%; border:0px solid #ebaab3; padding:0; padding-top:20px; background-color:#ffffff; float:left; position:relative;; } section#ProjectPage .TextTitle {float:left; width:100%; } section#ProjectPage .TextLeft {float:left; width:28%; } section#ProjectPage .TextMiddle {float:left; width:40%; margin-left:2%; } section#ProjectPage .TextRight {float:right; width:28%; } .JobForm {background-color:#ffd5db; width:100%; float:left; padding:25px;} .JobForm input {background-color:#ffffff;} .JobForm textarea {background-color:#ffffff !important;} section#ProjectPage h2 { font-size:1.60em; font-family:DefaultRegular; color:#444444; padding-bottom:6px;} section#ProjectPage p { font-size:1.10em;} section#ProjectPage .InfoRow {margin-top:8px; float:left; width:100%; position:relative; } section#ProjectPage .InfoRowIcon {float:left; width:10%; max-width:20px; position:relative; } .InfoRowIcon img {width:100%;} section#ProjectPage .InfoRowText {float:left; width:90%; position:relative; padding-left:15px; } /* EXPERT CATEGORY LISTINGS */ section#HomeExpertListing {float:left; clear:both; width:100%; padding:0 30px; margin:60px 0 0 0; } section#HomeExpertListing article {width:100%; height:auto; margin:0; border:1px solid #9cdeaf; padding:3px; background-color:#ffffff; float:left; position:relative; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#HomeExpertListing article:hover {background-color:#ceffdc;} section#HomeExpertListing article .Image {width:100%; height:300px; background-color:#444444; float:left; position:relative; background-position:center center; background-size:cover;} section#HomeExpertListing article .Text {position:absolute; bottom:20px; left:5%; width:90%; background-color:#ffffff; border:2px solid #444444;} section#HomeExpertListing article .Text h2 { font-size:1.30em; color:#444444; padding:10px; text-align:center; font-family:DefaultMed;} section#ExpertListing {float:left; clear:both; width:100%; margin:0 0 60px 0; } section#ExpertListing article {width:24%; height:auto; margin:0px 0.5% 20px 0.5%; border:1px solid #9cdeaf; padding:3px; background-color:#ffffff; float:left; position:relative; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#ExpertListing article:hover {background-color:#ceffdc;} section#ExpertListing article .Image {width:100%; height:260px; background-color:#444444; float:left; position:relative; background-position:center center; background-size:cover;} section#ExpertListing article .Text {float:left; width:100%;} section#ExpertListing article .Text h2 { font-size:1.30em; color:#444444; padding:20px 0; text-align:center; font-family:DefaultMed;} #ExpertFilters {width:100%; background-color:#ceffdc; padding:30px; float:left; margin-bottom:30px;} #ExpertFilters .Filters input {padding:20px; width:100%; background-color:#ffffff; float:left; margin-bottom:20px;} #ExpertFilters .Filters select {padding:20px; width:100%; background-color:#ffffff; float:left; margin-bottom:20px;} #ExpertFilters .Filters textarea {padding:20px; width:100%; height:100px; background-color:#ffffff !important; margin-bottom:20px;} #ExpertFilters .Filters input.tick {width:30px; height:30px; background-color:#efeeee; float:left; padding:0px;} #ExpertFilters .Filters input.tick[type=checkbox]:checked {background: #ebaab3; background-image:url('../images/tick.png'); background-repeat:no-repeat; background-size:100%; background-position:center center;} #ExpertFilters .Filters input.circle {width:30px; height:30px; background-color:#efeeee; border-radius:50px; float:left; padding:0px; margin-right:6px;} #ExpertFilters .Filters input.circle[type=radio]:checked {background: #ebaab3;} #ExpertFilters .Filters p {font-size:1.10em; line-height:24px; text-align:left; padding:0;} #ExpertFilters .Filters .SubmitButton {font-size:1.10em; color:#ffffff; background-color:#9cdeaf; width:100%; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} #ExpertFilters .Filters .SubmitButton:hover {background-color:#444444; } /* EXPERT VENUE LISTINGS */ section#ExpertVenueListing {float:left; clear:both; width:100%; margin:0 0 0 0; } section#ExpertVenueListing article {width:98%; height:auto; margin:0px 1% 30px 1%; border:1px solid #9cdeaf; padding:30px; background-color:#ffffff; float:left; position:relative;; } section#ExpertVenueListing article .Side {float:right; width:33%; } section#ExpertVenueListing article .Image {float:left; width:100%; height:250px; margin-bottom:20px; background-color:#444444; position:relative; background-position:center center; background-size:cover;} section#ExpertVenueListing article .Text {float:left; width:63%; overflow:hidden; } section#ExpertVenueListing article .Text h2 { font-size:1.60em; color:#9cdeaf; padding-bottom:6px;} section#ExpertVenueListing article .Text p { font-size:1.10em;} section#ExpertVenueListing article .InfoRow {margin-top:8px; float:left; width:100%; position:relative; } section#ExpertVenueListing article .InfoRowIcon {float:left; width:10%; max-width:20px; position:relative; } .InfoRowIcon img {width:100%;} section#ExpertVenueListing article .InfoRowText {float:left; width:90%; position:relative; padding-left:15px; } section#ExpertVenueListing article .ExpertBTN {background-color:#9cdeaf; display:inline; clear:both; margin-top:20px; border-radius:6px; padding:10px 20px; text-align:center; color:#ffffff; float:left; font-size:1.30em; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer; text-decoration:none !important;} section#ExpertVenueListing article .ExpertBTN:hover {background-color:#444444; color:#ffffff; text-decoration:none !important; } /* SUPPORT CATEGORY LISTINGS */ section#HomeSupportListing {float:left; clear:both; width:100%; padding:0 30px; margin:0 0 0 0; } section#HomeSupportListing article {width:100%; height:auto; margin:0; border:1px solid #95c6d8; padding:3px; background-color:#ffffff; float:left; position:relative; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#HomeSupportListing article:hover {background-color:#c7ebf8; } section#HomeSupportListing article .Image {width:100%; height:300px; background-color:#444444; float:left; position:relative; background-position:center center; background-size:cover;} section#HomeSupportListing article .Text {position:absolute; bottom:20px; left:5%; width:90%; background-color:#ffffff; border:2px solid #444444;} section#HomeSupportListing article .Text h2 { font-size:1.30em; color:#444444; padding:10px; text-align:center; font-family:DefaultMed;} section#SupportListing {float:left; clear:both; width:100%; margin:0 0 0 0; } section#SupportListing article {width:24%; height:auto; margin:0px 0.5% 20px 0.5%; border:1px solid #95c6d8; padding:3px; background-color:#ffffff; float:left; position:relative; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#SupportListing article:hover {background-color:#c7ebf8; } section#SupportListing article .Image {width:100%; height:260px; background-color:#444444; float:left; position:relative; background-position:center center; background-size:cover;} section#SupportListing article .Text {float:left; width:100%;} section#SupportListing article .Text h2 { font-size:1.30em; color:#444444; padding:20px 0; text-align:center; font-family:DefaultMed;} #SupportFilters {width:100%; background-color:#c7ebf8; padding:30px; float:left; margin-bottom:30px;} #SupportFilters .Filters input {padding:20px; width:100%; background-color:#ffffff; float:left; margin-bottom:20px;} #SupportFilters .Filters select {padding:20px; width:100%; background-color:#ffffff; float:left; margin-bottom:20px;} #SupportFilters .Filters textarea {padding:20px; width:100%; height:100px; background-color:#ffffff !important; margin-bottom:20px;} #SupportFilters .Filters input.tick {width:30px; height:30px; background-color:#efeeee; float:left; padding:0px;} #SupportFilters .Filters input.tick[type=checkbox]:checked {background: #ebaab3; background-image:url('../images/tick.png'); background-repeat:no-repeat; background-size:100%; background-position:center center;} #SupportFilters .Filters input.circle {width:30px; height:30px; background-color:#efeeee; border-radius:50px; float:left; padding:0px; margin-right:6px;} #SupportFilters .Filters input.circle[type=radio]:checked {background: #ebaab3;} #SupportFilters .Filters p {font-size:1.10em; line-height:24px; text-align:left; padding:0;} #SupportFilters .Filters .SubmitButton {font-size:1.10em; color:#ffffff; background-color:#95c6d8; width:100%; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} #SupportFilters .Filters .SubmitButton:hover {background-color:#444444; } /* SUPPORT VENUE LISTINGS */ section#SupportVenueListing {float:left; clear:both; width:100%; margin:0 0 0 0; } section#SupportVenueListing article {width:98%; height:auto; margin:0px 1% 30px 1%; border:1px solid #95c6d8; padding:30px; background-color:#ffffff; float:left; position:relative; } section#SupportVenueListing article .Side {float:right; width:33%; } section#SupportVenueListing article .Image {float:left; width:100%; height:250px; margin-bottom:20px; background-color:#444444; position:relative; background-position:center center; background-size:cover;} section#SupportVenueListing article .Text {float:left; width:63%; overflow:hidden; } section#SupportVenueListing article .Text h2 { font-size:1.60em; color:#95c6d8; padding-bottom:6px;} section#SupportVenueListing article .Text p { font-size:1.10em;} section#SupportVenueListing article .InfoRow {margin-top:8px; float:left; width:100%; position:relative; } section#SupportVenueListing article .InfoRowIcon {float:left; width:10%; max-width:20px; position:relative; } .InfoRowIcon img {width:100%;} section#SupportVenueListing article .InfoRowText {float:left; width:90%; position:relative; padding-left:15px; } section#SupportVenueListing article .SupportBTN {background-color:#95c6d8; display:inline; clear:both; margin-top:20px; border-radius:6px; padding:10px 20px; text-align:center; color:#ffffff; float:left; font-size:1.30em; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer; text-decoration:none !important;} section#SupportVenueListing article .SupportBTN:hover {background-color:#444444; color:#ffffff; text-decoration:none !important; } .Tier3 {background-color:#fcf7d8 !important;} .REC {width:220px; position:absolute; top:0; right:0; z-index:9;} .REC img {width:100%;} .ForumColour1 {background-color:#c7ebf8 !important;} .ForumColour2 {background-color:#ffd5db !important;} .ForumColour3 {background-color:#ceffdc !important;} .ForumColour4 {background-color:#c7ebf8 !important;} .ForumColour5 {background-color:#ffd5db !important;} .ForumColour6 {background-color:#ceffdc !important;} .ForumColour7 {background-color:#c7ebf8 !important;} .ForumColour8 {background-color:#ffd5db !important;} .ForumColour9 {background-color:#ceffdc !important;} .ForumColour10 {background-color:#c7ebf8 !important;} .ForumColour11 {background-color:#ffd5db !important;} .ForumColour12 {background-color:#ceffdc !important;} .ForumColour13 {background-color:#c7ebf8 !important;} .ForumColour15 {background-color:#ffd5db !important;} .ForumColour16 {background-color:#ceffdc !important;} .ForumColour17 {background-color:#c7ebf8 !important;} .ForumColour18 {background-color:#ffd5db !important;} .ForumColour19 {background-color:#ceffdc !important;} .ForumColour20 {background-color:#c7ebf8 !important;} .ForumColour21 {background-color:#ffd5db !important;} .ForumColour22 {background-color:#ceffdc !important;} .ForumColour23 {background-color:#c7ebf8 !important;} .ForumColour24 {background-color:#ffd5db !important;} .ForumColour25 {background-color:#ceffdc !important;} .ForumColour26 {background-color:#c7ebf8 !important;} .ForumColour27 {background-color:#ffd5db !important;} .ForumColour28 {background-color:#ceffdc !important;} .ForumColour29 {background-color:#c7ebf8 !important;} .ForumColour30 {background-color:#ffd5db !important;} .ForumColour31 {background-color:#ceffdc !important;} /* CLASSES CATEGORY LISTINGS */ .DateBlock {width:19%; height:120px; margin:0px 0.5% 0 0.5%; padding:30px 20px 20px 20px; float:left; margin-bottom:30px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .DateBlock:hover {background-color:#444444; } .DateBlock p {color:#ffffff; font-family:DefaultMed; font-size:1.25em; line-height:30px; padding:0;} .DateBlock big {font-size:1.60em; font-family:DefaultBold; } .Pink {background-color:#ebaab3;} .Green {background-color:#9cdeaf;} .Blue {background-color:#95c6d8;} .Grey {background-color:#444444;} .DateBlock input {color:#ffffff; background-color:#444444; width:70%; margin:0; float:left; padding:0; margin-top:8px;} .DateBlock .SubmitButton {color:#ffffff; background-color:#444444; width:30%; padding:0;} .HeadEventSearch {width:100%; max-width:900px; margin:auto;} .HeadEventSearch input {padding:20px; width:39.5%; background-color:#ffffff; float:left; margin-bottom:0; margin-right:0.5%;} .HeadEventSearch select {padding:20px; width:39.5%; background-color:#ffffff; float:left; margin-bottom:0; margin-right:0.5%;} .HeadEventSearch .SubmitButton {font-size:1.10em; color:#ffffff; background-color:#95c6d8; width:20%; margin-right:0%; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .HeadEventSearch .SubmitButton:hover {background-color:#444444; } section#ClassesListing {float:left; clear:both; width:100%; margin:0 0 0 0; } section#ClassesListing article {width:19%; height:auto; margin:0px 0.5% 20px 0.5%; border:1px solid #95c6d8; padding:3px; background-color:#ffffff; float:left; position:relative; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#ClassesListing article:hover {background-color:#c7ebf8; } section#ClassesListing article .Image {width:100%; height:220px; background-color:#444444; float:left; position:relative; background-position:center center; background-size:cover;} section#ClassesListing article .Text {float:left; width:100%;} section#ClassesListing article .Text h2 { font-size:1.10em; color:#444444; padding:20px 0; text-align:center; font-family:DefaultMed;} #ClassesFilters {width:100%; background-color:#c7ebf8; padding:30px; float:left; margin-bottom:30px;} #ClassesFilters .Filters input {padding:20px; width:100%; background-color:#ffffff; float:left; margin-bottom:20px;} #ClassesFilters .Filters select {padding:20px; width:100%; background-color:#ffffff; float:left; margin-bottom:20px;} #ClassesFilters .Filters textarea {padding:20px; width:100%; height:100px; background-color:#ffffff !important; margin-bottom:20px;} #ClassesFilters .Filters input.tick {width:30px; height:30px; background-color:#efeeee; float:left; padding:0px;} #ClassesFilters .Filters input.tick[type=checkbox]:checked {background: #ebaab3; background-image:url('../images/tick.png'); background-repeat:no-repeat; background-size:100%; background-position:center center;} #ClassesFilters .Filters input.circle {width:30px; height:30px; background-color:#efeeee; border-radius:50px; float:left; padding:0px; margin-right:6px;} #ClassesFilters .Filters input.circle[type=radio]:checked {background: #ebaab3;} #ClassesFilters .Filters p {font-size:1.10em; line-height:24px; text-align:left; padding:0;} #ClassesFilters .Filters .SubmitButton {font-size:1.10em; color:#ffffff; background-color:#95c6d8; width:100%; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} #ClassesFilters .Filters .SubmitButton:hover {background-color:#444444; } /* CLASSES DATE LISTINGS */ section#ClassesDateListing {float:left; clear:both; width:100%; margin:0 0 0 0; } section#ClassesDateListing article {width:98%; height:auto; margin:0px 1% 30px 1%; border:1px solid #95c6d8; padding:30px; background-color:#ffffff; float:left; position:relative; } section#ClassesDateListing article .Image {float:left; width:30%; height:250px; background-color:#444444; position:relative; background-position:center center; background-size:cover;} section#ClassesDateListing article .Text {float:right; width:65%; } section#ClassesDateListing article .Text h2 { font-size:1.60em; color:#444444; font-family:DefaultRegular; padding-bottom:6px;} section#ClassesDateListing article .Text p { font-size:1.10em;} section#ClassesDateListing article .InfoRow {margin-top:8px; float:left; width:100%; position:relative; } section#ClassesDateListing article .InfoRowIcon {float:left; width:10%; max-width:20px; position:relative; } .InfoRowIcon img {width:100%;} section#ClassesDateListing article .InfoRowText {float:left; width:90%; position:relative; padding-left:15px; } section#ClassesDateListing article .MoreBTN {background-color:#95c6d8; color:#ffffff; text-align:center; border-radius:4px; width:150px; padding:10px; float:left; margin-top:20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} section#ClassesDateListing article:hover .MoreBTN {background-color:#444444; } #BookLink {background-color:#95c6d8; width:200px; border-radius:6px; color:#ffffff; text-align:center; float:left; margin:20px 0; padding:15px;} .EventPageRow {float:left; clear:both; width:100%; margin-bottom:30px; position:relative;} .EventPageRowLeft {float:left; width:20%; position:relative;} .EventPageRowLeft h3 {text-align:left;} .EventPageRowRight {float:right; width:77%; position:relative; margin-top:8px;} .EventImage {width:100%; height:300px; float:left; background-size:cover; background-position:center center;} /* BLOG LISTINGS */ section#Blog {float:left; clear:both; width:100%; margin:0 0 30px 0; } section#Blog article {width:32.3%; background-color:#ffffff; margin:0 0.5% 20px 0.5%; border:1px solid #9cdeaf; padding:3px; float:left; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#Blog article:hover {background-color:#ceffdc;} section#Blog article .Text {float:left; width:100%; height:280px; overflow:hidden; padding:20px;} section#Blog article .Text h2 { font-size:1.30em; color:#444444; padding-bottom:6px; text-align:center; } section#Blog article .Text p { font-size:1em; line-height:22px; text-align:center;} section#Blog article .Image {height:300px; float:left; width:100%; background-color:#444444; position:relative; background-position:center center; background-size:cover;} section#Blog article .PlayBTN {width:100%; height:300px; position:absolute; top:0; left:0; background-image:url('../images/play.png'); background-position:center center; background-size:65px 65px; background-repeat:no-repeat; } section#BlogHome {float:left; clear:both; width:100%; margin:0 0 30px 0; } section#BlogHome article {width:99%; background-color:#ffffff; margin:0 0.5% 0 0.5%; border:1px solid #9cdeaf; padding:3px; float:left; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#BlogHome article:hover {background-color:#ceffdc;} section#BlogHome article .Text {float:left; width:100%; height:120px; overflow:hidden; padding:20px;} section#BlogHome article .Text h2 { font-size:1.30em; color:#444444; padding-bottom:6px; text-align:center; } section#BlogHome article .Text p { font-size:1em; line-height:22px; text-align:center;} section#BlogHome article .Image {height:300px; float:left; width:100%; background-color:#444444; position:relative; background-position:center center; background-size:cover;} section#BlogHome article .PlayBTN {width:100%; height:300px; position:absolute; top:0; left:0; background-image:url('../images/play.png'); background-position:center center; background-size:65px 65px; background-repeat:no-repeat; } #BlogSearch {background-color:#c7ebf8; color:#444444; float:right; padding:6px; margin-left:2px; width:37px; } .DropSectionsTag {background-color:#c7ebf8; color:#444444; float:right; padding:8px; font-size:0.95em; margin-left:2px; min-width:150px; } .DropSectionsKeyword {background-color:#c7ebf8; color:#444444; float:right; padding:8px; font-size:0.95em; margin-left:2px; min-width:150px; } .DropSectionsDate {background-color:#c7ebf8; color:#444444; float:right; padding:8px; font-size:0.95em; margin-left:2px; min-width:150px; } .CompSearchButton {background-color:#c7ebf8; color:#444444; float:right; padding:8px; font-size:0.95em; margin-left:2px; min-width:90px; } section#BlogPagination {float:left; clear:both; width:98%; margin:0 1% 30px 1%; } section#BlogPagination .Pagination2 {float:left; border:1px solid #efeeee; background-color:#efeeee; font-size:0.90em; color:#111111; padding:4px 10px 4px 10px; margin-right:8px; margin-bottom:8px; border-radius:4px;} section#BlogPagination .Pagination {float:left; border:1px solid #efeeee; font-size:0.90em; color:#444444; padding:4px 10px 4px 10px; margin-right:8px; margin-bottom:8px; border-radius:4px;} section#BlogPagination .Pagination a {color:#444444; text-decoration:none; } section#BlogPagination .Pagination a:hover {color:#ebaab3; text-decoration:none; } /* MULTIMEDIA LISTINGS */ section#MultimediaListing {width:100%; clear:both; margin:30px 0; float:left;} section#MultimediaListing .Block {display:block; float:left; width:24%; height:200px; position:relative; overflow:hidden; margin:30px 0.5% 0 0.5%; background-position:center center; background-size:cover;} section#MultimediaListing .Description {width:100%; padding:5px; position:absolute; bottom:0px; left:0px; background: rgba(0, 0, 0, 0.6);} section#MultimediaListing p {color:#ffffff; font-size:0.90em; padding:0px; text-align:center;} section#MultimediaListing .PlayBTN {width:100%; height:200px; position:absolute; top:0; left:0; background-image:url('../images/play.png'); background-position:center center; background-size:65px 65px; background-repeat:no-repeat; } section#VenueProListing {width:100%; clear:both; margin:30px 0; float:left;} section#VenueProListing .Block {display:block; float:left; width:49%; height:200px; position:relative; overflow:hidden; margin:5px 0.5% 0 0.5%; background-position:center center; background-size:cover;} section#VenueProListing .PlayBTN {width:100%; height:200px; position:absolute; top:0; left:0; background-image:url('../images/play.png'); background-position:center center; background-size:65px 65px; background-repeat:no-repeat; } section#DateProListing {width:100%; clear:both; margin:30px 0; float:left;} section#DateProListing .Block {display:block; float:left; width:32.1%; height:200px; position:relative; overflow:hidden; margin:5px 0.5% 0 0.5%; background-position:center center; background-size:cover;} section#DateProListing .PlayBTN {width:100%; height:200px; position:absolute; top:0; left:0; background-image:url('../images/play.png'); background-position:center center; background-size:65px 65px; background-repeat:no-repeat; } /* REVIEWS */ section#ReviewsListing article {background-color:#c2ebf7; width:98%; height:auto; margin:0 1% 20px 1%; float:left; position:relative; padding:30px;} section#ReviewsListing article h2 {color:#444444; font-size:1.30em;} section#ReviewsListing article p {color:#444444; font-size:1em; line-height:1.20em; text-align:left;} .ReviewForm {background-color:#c2ebf7; width:98%; height:auto; margin:0 1% 20px 1%; float:left; position:relative; padding:30px;} .ReviewForm input {padding:20px; width:48%; background-color:#ffffff; float:left; margin:0 1% 10px 1%;} .ReviewForm select {padding:20px; width:98%; background-color:#ffffff; float:left; margin:0 1% 10px 1%;} .ReviewForm textarea {padding:20px; width:98%; height:150px; background-color:#ffffff !important; margin:0 1% 10px 1%;} .ReviewForm input.tick {width:30px; height:30px; background-color:#ffffff; float:left; padding:0px; clear:both;} .ReviewForm input.tick[type=checkbox]:checked {background: #222222; background-image:url('../images/tick.png'); background-repeat:no-repeat; background-size:100%; background-position:center center;} .ReviewForm input.circle {width:20px; height:20px; background-color:#ffffff; border-radius:50px; padding:0px; margin-left:10px;} .ReviewForm input.circle[type=radio]:checked {background: #222222;} .ptick {float:left; width:20%; margin:0; padding:0; margin-bottom:10px;} .ReviewForm p {font-size:0.80em; line-height:16px; text-align:left; padding-left:10px; padding-top:6px;} .ReviewForm .SubmitButton {font-size:0.95em; color:#ffffff; background-color:#ebaab3; clear:both; width:150px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .ReviewForm .SubmitButton:hover {background-color:#444444; } /* FORUM */ section#ForumListing article {background-color:#eeeeee; width:100%; height:auto; margin:0 0 20px 0; float:left; position:relative; border-bottom:1px solid #ffffff; padding:30px;} section#ForumListing article h2 {color:#444444;} section#ForumListing article p {color:#444444; font-size:1em; line-height:1.20em; text-align:left;} section#ForumListing article .TextLeft {float:left; width:88%;} section#ForumListing article .TextRight {float:right; width:10%;} section#ForumListing article .TextRight p {text-align:center; font-size:1.30em;} section#ForumListingSmall article {background-color:#eeeeee; width:100%; height:auto; margin:0 0 6px 0; float:left; position:relative; border-bottom:1px solid #ffffff; padding:10px;} section#ForumListingSmall article h3 {color:#444444; font-size:1.10em; text-align:left; padding:0;} section#QuestionsSide article {background-color:#fbeb90; width:100%; height:auto; margin:0 0 20px 0; float:left; position:relative; border-bottom:1px solid #ffffff; padding:10px 10px 10px 30px;} section#QuestionsSide article h2 {color:#444444; font-size:1.30em;} section#QuestionsSide article p {color:#444444; font-size:1em; line-height:1.20em; text-align:left;} .ForumStar {position:absolute; top:-20px; left:-20px; width:50px;} section#Questions article {background-color:#c7ebf8; width:100%; height:auto; margin:0 0 20px 0; float:left; position:relative; border-bottom:1px solid #ffffff; padding:30px;} section#Questions article h3 {color:#444444;} section#Questions article p {color:#444444; font-size:1em; line-height:1.20em; text-align:left;} .ReplyBTN {width:150px; padding:10px; border-radius:4px; background-color:#98cfe3; color:#ffffff; text-align:center; margin-top:10px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} #ReplyBTN:hover {background-color:#444444 !important; } .Question1 {width:100%; float:left; margin-bottom:2px; background-color:#c7ebf8; position:relative; padding:20px;} .QuestionBar1 {background-color:#98cfe3; padding:15px; float:left; position:relative; width:100%; margin-bottom:15px; border-radius:6px;} .QuestionBar1 h2 {color:#ffffff;} .QuestionBar1 p {color:#ffffff;} .QuestionBar1 a {color:#ffffff !important; text-decoration:underline;} .Question2 {width:100%; float:left; margin-bottom:2px; background-color:#ffd5db; position:relative; padding:20px;} .QuestionBar2 {background-color:#ebaab3; padding:15px; float:left; position:relative; width:100%; margin-bottom:15px; border-radius:6px;} .QuestionBar2 h2 {color:#ffffff;} .QuestionBar2 p {color:#ffffff;} .QuestionBar2 a {color:#ffffff; text-decoration:underline;} .QuestionBarLeft {float:left; width:10%;} .QuestionBarLeft img {width:100%; border-radius:50%;} .QuestionBarRight {float:right; width:88%;} #Reply {background-color:#ffd5db; width:100%; padding:20px; float:left; position:relative;} #Reply h2 {color:#444444; text-align:center;} #Reply p {color:#444444; text-align:center;} #Reply a {color:#444444; text-align:center; text-decoration:underline !important;} #Reply a:hover {color:#ffffff; text-align:center;} #Reply .SubmitReply {font-size:0.95em; color:#ffffff; float:left; padding:15px; border-radius:4px; background-color:#ebaab3 !important; width:140px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} #Reply .SubmitReply:hover {background-color:#444444 !important; } #NewTopic {background-color:#c7ebf8; width:100%; padding:20px; float:left; position:relative;} #NewTopic h2 {color:#444444; text-align:center;} #NewTopic p {color:#444444; text-align:center;} #NewTopic a {color:#444444; text-align:center; text-decoration:underline !important;} #NewTopic a:hover {color:#ffffff; text-align:center;} #NewTopic input {width:100%; border-radius:6px; margin-bottom:10px;} #NewTopic select {width:100%; border-radius:6px; margin-bottom:10px; background-color:#ffffff !important;} #NewTopic .SubmitReply {font-size:0.95em; color:#ffffff; float:left; padding:15px; border-radius:4px; background-color:#98cfe3 !important; width:140px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} #NewTopic .SubmitReply:hover {background-color:#444444 !important; } .DesktopHide {display:none;} /* PRODUCT LISTINGS */ section#ProductListing {float:left; clear:both; width:100%; margin:0 0 0 0; } section#ProductListing article {width:31.3%; height:auto; margin:0px 1% 30px 1%; background-color:#f5f5f5; float:left; position:relative; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#ProductListing article:hover {background-color:#cccccc; } section#ProductListing article .Image {width:100%; height:350px; background-color:#222222; float:left; position:relative; background-position:center center; background-size:cover;} section#ProductListing article .Text {float:left; width:100%; height:250px; overflow:hidden; padding:30px;} section#ProductListing article .Text h2 { font-size:1.20em; color:#222222; padding-bottom:6px;} section#ProductListing article .Text p { font-size:1em; margin-bottom:10px;} .BTNRes1 {float:left; width:140px; line-height:50px; color:#ffffff; background-color:#555555; text-align:center; } .BTNRes2 {float:left; width:140px; line-height:50px; color:#ffffff; background-color:#ebaab3; text-align:center;} /* SITE MAP */ section#SiteMap .SiteMap1 {background-color:#cccccc; width:50%; margin:0 0 1px 0%; color:#444444; float:left; padding:15px 15px 15px 15px; clear:both; } section#SiteMap .SiteMap2 {background-color:#d9d9d9; width:48%; margin:0 0 1px 2%; color:#444444; float:left; padding:15px 15px 15px 15px; clear:both; } section#SiteMap .SiteMap3 {background-color:#e5e5e5; width:46%; margin:0 0 1px 4%; color:#444444; float:left; padding:15px 15px 15px 15px; clear:both; } section#SiteMap .SiteMap4 {background-color:#f2f2f2; width:44%; margin:0 0 1px 6%; color:#444444; float:left; padding:15px 15px 15px 15px; clear:both; } /* MEMBERS DASHBOARD STYLES */ #MemberMainLeft {float:left; width:20%;} #MemberMainRight {float:right; width:75%;} #MemberMainRight article {margin:0 0 30px 0 !important;} .GenericButton {border-radius:4px; background-color:#ffd5db; position:relative; float:left; margin-right:20px; margin-bottom:4px; color:#444444; font-size:0.95em; line-height:30px; text-align:center; border-bottom:3px solid #ebaab3; padding:0 20px 0 20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .GenericButton:hover {background-color:#ebaab3;} .DashIcon {background:#ffd5db; border-radius:6px; width:100%; margin:0 0 2px 0; padding:10px; float:left; position:relative; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .DashIcon:hover {background-color:#ebaab3; } .DashIcon .Image {width:20%; max-width:30px; float:left; position:relative;} .DashIcon .Image img {width:22px;} .DashIcon .Image svg {width:22px; height:auto; float:left; display:block; position:relative;} .DashIcon .Image svg path {fill:#444444 !important; cursor: pointer;} .DashIcon:hover svg path {fill:#ffffff !important;} .DashIcon .Text {width:80%; float:right; color:#444444; text-align:left; font-size:1.10em; font-family:DefaultMed; position:relative;} .DashIcon:hover .Text {color:#ffffff;} .DashIcon2 {background:#c7ebf8; border-radius:6px; width:100%; margin:0 0 2px 0; padding:10px; float:left; position:relative; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .DashIcon2:hover {background-color:#ebaab3; } .DashIcon2 .Image {width:20%; max-width:30px; float:left; position:relative;} .DashIcon2 .Image img {width:22px;} .DashIcon2 .Image svg {width:22px; height:auto; float:left; display:block; position:relative;} .DashIcon2 .Image svg path {fill:#444444 !important; cursor: pointer;} .DashIcon2:hover svg path {fill:#ffffff !important;} .DashIcon2 .Text {width:80%; float:right; color:#444444; text-align:left; font-size:1.10em; font-family:DefaultMed; position:relative;} .DashIcon2:hover .Text {color:#ffffff;} .AdminText {float:left; width:100%; margin-top:20px; clear:both;} .Visititem {width:100%; float:left; position:relative; background-color:#efeeee; padding:6px 12px; margin-bottom:2px; border-radius:4px;} .VisitLeft {float:left; width:48%;} .VisitLeft p {text-align:left; padding:0;} .VisitRight {float:right; width:48%;} .VisitRight p {text-align:right; padding:0;} .MemberForm {width:100%; float:left; position:relative; background-color:#efeeee; padding:30px; border-radius:6px;} .MemberForm .FormLeft {float:left; width:49%;} .MemberForm .FormRight {float:right; width:49%;} .MemberForm .FormFull {width:100%; float:left;} .MemberForm fieldset {width:100%; float:left;} .MemberForm .field {margin-bottom:20px; width:100%; float:left; } .MemberForm .field p {margin:0px; padding:0;} .MemberForm label {display:block; float:left; padding-bottom:4px; width:100%; font-size:1em; color:#333333; clear:both; } .MemberForm input, textarea {width:100%; padding:20px; margin:0px; margin-bottom:10px; border-radius:5px; background-color:#ffffff !important; font-size:1.10em; color:#444444;} .MemberForm select {width:100%; padding:20px; margin:0px; margin-bottom:10px; border-radius:5px; background-color:#ffffff !important; font-size:1.10em; color:#444444;} .MemberForm textarea {height:160px !important; background-color:#ffffff !important; } .MemberForm input.tick {width:30px; height:30px; background-color:#ffffff; float:left; padding:0px;} .MemberForm input.tick[type=checkbox]:checked {background: #ebaab3; background-image:url('../images/tick.png'); background-repeat:no-repeat; background-size:100%; background-position:center center;} .MemberForm input.circle {width:20px; height:20px; background-color:#ffffff; border-radius:50px; padding:0px; margin-right:6px; margin-bottom:0;} .MemberForm input.circle[type=radio]:checked {background: #ebaab3 !important;} .MemberForm .SubmitButton {font-size:0.95em; color:#ffffff; float:right; background-color:#ebaab3 !important; width:180px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .MemberForm .SubmitButton:hover {background-color:#444444; } .MemberForm .BrowseButton {width:180px; margin-left:10px;} .MemberForm .nostyle {width:20px; padding-top:5px;} .MemberLogin {width:98%; margin:0 1% 0 1%; float:left; position:relative;} .MemberLogin .LoginBox {background-color:#efeeee; width:23%; border-radius:6px; float:left; margin-right:2%; color: #444444; margin-bottom:10px; padding:20px; outline:none; font-size:1em; float:left;} .MemberLogin .SubmitButton {font-size:0.95em;color:#ffffff; float:left; background-color:#ebaab3; width:160px; padding:20px; border-radius:6px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer;} .MemberLogin .SubmitButton:hover {background-color:#444444; } .MemberLogin ::-webkit-input-placeholder { /* Chrome */color: #444444;} .MemberLogin :-ms-input-placeholder { /* IE 10+ */ color: #444444;} .MemberLogin ::-moz-placeholder { /* Firefox 19+ */ color: #444444; opacity: 1;} .MemberLogin :-moz-placeholder { /* Firefox 4 - 18 */ color: #444444; opacity: 1;} .MemberLogin .FormFull {width:100%; float:left; margin-bottom:20px;} .ImagePreview { border-radius:5px; background-color:#ffffff !important; padding:15px; float:left; margin-bottom:30px;} .ImagePreview img {max-height:130px;} @media only screen and (max-width: 1150px) { /* BLUE - FOR IPAD LANDSCAPE AND SMALLER */ nav#MainNavigation {display:none;} nav#MainNavigationDrop {width:80%; height:60px; float:right; position:relative; } #MegaMenuIcon {width:40px; position:absolute; left:0px; top:10px; padding:0px; display:inline-block; z-index:99; cursor:pointer; } #MegaMenuIcon img {width:40px;} #MegaMenuIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} #MegaMenuIcon svg path {fill:#444444 !important;} #MegaMenuIcon svg:hover path {fill:#ffffff !important;} } @media only screen and (max-width: 1024px) { /* BLUE - FOR IPAD LANDSCAPE AND SMALLER */ section#MultimediaListing .Block { width:31.3%; height:200px;} section#ClassesListing article {width:24%; } section#ExpertListing article .Image {height:200px;} section#SupportListing article .Image {height:200px;} section#ClassesListing article .Image {height:200px;} .HomeBTN1 {background-color:#ebaab3; float:left; width:49%; margin:0 0.5% 10px 0.5%; padding: 52px 130px 52px 25px; } .HomeBTN2 {background-color:#9cdeaf; float:left; width:49%; margin:0 0.5% 10px 0.5%; padding: 52px 130px 52px 25px;} .HomeBTN3 {background-color:#95c6d8; float:left; width:49%; margin:0 0.5% 0 0.5%; padding: 35px 130px 35px 25px; } .HomeBTN4 {background-color:#ebaab3; float:left; width:49%; margin:0 0.5% 0 0.5%; padding: 52px 130px 52px 25px; } } @media only screen and (max-width: 768px) { /* LIME - FOR IPAD PORTRAIT AND SMALLER */ section#BlogHome article {width:99%; margin-bottom:10px;} #PromoteTopLeft {display:none;} #PromoteTopRight {width:100%;} .PromoteBox2 {width:100%; float:left;} .PromoteBox3 {width:100%; float:left;} .PromoteBox4 {width:100%; float:left;} .PromoteBox5 {width:100%; float:left;} #PromotePinkBTN2 {width:100%;} #MemberMainLeft {float:left; width:100%;} #MemberMainRight {float:right; width:100%;} .ptick {float:left; width:33%; margin:0; padding:0; margin-bottom:10px;} .EventPageRowLeft {float:left; width:30%;} .EventPageRowRight {float:right; width:67%; } .HomeCallBlock {width:49%; margin:10px 0.5% 60px 0.5%; float:left; height:350px;} .HomeCallBlockTopLeft {width:49.5%; float:left; margin-left:0%; } .HomeCallBlockTopRight {width:49.5%; float:right; margin-right:0%;} #SideAdBTN {width:240px; float:left; border-radius:4px; background-color:#222222; color:#ffffff; text-align:center; margin-top:30px; padding:8px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor: pointer; margin-left:20px; } #SideAdBTN:hover {background-color:#444444; } #SideLogin {width:200px; float:left; right:0; top:80px; text-align:left; margin-left:20px; } #HeadSocial {display:none;} #Logo {width:80%; max-width:340px; height:auto; position:absolute; left:0; right:auto; top:40px;} .HomeBTN1 {background-color:#ebaab3; float:left; width:49%; margin:0 0.5% 10px 0.5%; padding: 35px 130px 35px 25px; } .HomeBTN2 {background-color:#9cdeaf; float:left; width:49%; margin:0 0.5% 10px 0.5%; padding: 35px 130px 35px 25px; } .HomeBTN3 {background-color:#95c6d8; float:left; width:49%; margin:0 0.5% 0 0.5%; padding: 35px 130px 35px 25px; } .HomeBTN4 {background-color:#ebaab3; float:left; width:49%; margin:0 0.5% 0 0.5%; padding: 52px 130px 52px 25px; } section#VenueProListing .Block {width:49%; height:200px; } section#DateProListing .Block {width:49%; height:200px; } section#Blog article {width:48%; } section#ProductListing article {width:48%; } section#EventListing article {width:48%; } section#VenueListing article {width:48%; } section#ChildPages article {width:48%; } section#MultimediaListing .Block { width:48%; } section#CompListings article {width:48%;} section#ExpertListing article {width:32.3%;} section#ExpertListing article .Image {height:200px;} section#SupportListing article {width:32.3%;} section#SupportListing article .Image {height:200px;} section#ClassesListing article {width:32.3%; } section#ClassesListing article .Image {height:200px;} #ExpertSearch {width:100%; margin:0 0%; } .TextBlock2Col {margin:0px 1% 0px 1%; clear:both; -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;} .SectionText {float:left; width:100%;} .SectionImage {float:right; width:100%;} .SectionTextAlt {float:right; width:100%;} .SectionImageAlt {float:left; width:100%;} #MainLeft {float:left; width:100%;} #MainRight {float:right; width:100%; margin-top:30px;} #map {height:400px; width:100%; display:block;} .MemberLogin .LoginBox {width:48%; } /* HOME PAGE SHOP STYLES */ #ShopBlock1 {width:100%; height:400px;} #ShopBlock1Left {padding:30px; height:400px; width:30%; float:left;} #ShopBlock1Left h3 {margin-top:80px;} #ShopBlock1Right {background-color:#96c166; background-position:center center; background-size:cover; height:400px; width:70%; float:right;} #ShopBlock2 {width:100%; height:310px; margin-top:10px;} #ShopBlock3 {width:100%; height:80px; margin-top:10px;} section.JobsInner article {width:48%; height:auto; margin:0px 1% 10px 1%; } #FootLogo {width:100%;} nav#NavigationBottom {width:100%; margin-bottom:15px; position:relative; float:right;} nav#NavigationBottom p {color:#444444; padding:0px; text-align:left; } #FooterContentRight {width:100%; float:right; margin-bottom:15px; } #FooterContentRight .SocialIcon {float:left; width:30px; margin:0 10px 0 0; } #FooterContentRight .SocialIcon img {width:30px; margin:0 10px 0 0; } .DateBlock {width:49%; height:120px; margin:0px 0.5% 10px 0.5%; padding:30px 20px 20px 20px; float:left; } .DateBlock p {color:#ffffff; font-family:DefaultMed; font-size:1.25em; line-height:30px; padding:0;} .DateBlock big {font-size:1.60em; font-family:DefaultBold; } .DateBlock input {color:#ffffff; background-color:#444444; width:70%; margin:0; float:left; padding:0; margin-top:8px;} .DateBlock .SubmitButton {color:#ffffff; background-color:#444444; width:30%; padding:0;} .Grey {display:none;} section#ProjectPage .TextLeft {float:left; width:100%; margin-bottom:30px; } section#ProjectPage .TextMiddle {float:left; width:100%; margin-left:0%;margin-bottom:30px; } section#ProjectPage .TextRight {float:right; width:100%; } section#ConnectListing article {width:31.3%; height:320px; } section#ConnectListing article .Image {width:66%; margin:0 17% 10px 17%; height:130px;} .DesktopHide {display:block; margin-bottom:20px;} } @media only screen and (max-width: 667px) { /* PURPLE - FOR IPHONE 6 PORTRAIT AND SMALLER */ #ShopBlock1 {width:100%; height:auto;} #ShopBlock1Left {padding:30px; height:auto; width:100%; float:left;} #ShopBlock1Left h3 {margin-top:0;} #ShopBlock1Right {height:400px; width:100%;} #ShopBlock2 {width:100%; height:310px; margin-top:10px;} #ShopBlock3 {width:100%; height:80px; margin-top:10px;} section#BlogHome article {width:99%; } section#BlogHome article .Text {height:auto; } section#ConnectListing article {width:48%; height:270px; } section#ConnectListing article .Image {width:66%; margin:0 17% 10px 17%; height:87px;} section#VenueProListing .Block {width:99%; height:200px; } section#DateProListing .Block {width:99%; height:200px; } .ptick {float:left; width:50%; margin:0; padding:0; margin-bottom:10px;} .EventPageRowLeft {float:left; width:100%;} .EventPageRowRight {float:right; width:100%; } .HomeCallBlock {width:99%; margin:10px 0.5% 60px 0.5%; float:left; height:350px;} .HomeCallBlockTopLeft {width:100%; float:left; margin-left:0%; } .HomeCallBlockTopRight {width:100%; float:right; margin-right:0%;} #Logo {width:90%; max-width:380px; height:auto; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:33px;} #HeadAdBTN {display:none;} #HeadLogin {display:none;} body {font-size:90%;} .slideshow-container .text {bottom:20%; width:90%; } .slideshow-container .text h1 {color:#ffffff; font-size:2.20em; padding:0;} .slideshow-container .text h2 {color:#ffffff; font-size:1.40em; padding:0;} .slideshow-container .text p {color:#ffffff; font-size:1.80em;} .HomeBTN1 {background-color:#ebaab3; float:left; width:99%; margin:0 0.5% 10px 0.5%; padding: 52px 130px 52px 25px;} .HomeBTN2 {background-color:#9cdeaf; float:left; width:99%; margin:0 0.5% 10px 0.5%; padding: 52px 130px 52px 25px; } .HomeBTN3 {background-color:#95c6d8; float:left; width:99%; margin:0 0.5% 10px 0.5%; padding: 35px 130px 35px 25px; } .HomeBTN4 {background-color:#ebaab3; float:left; width:99%; margin:0 0.5% 0 0.5%; padding: 52px 130px 52px 25px; } #ExpertSearch .HomeExpertFilters input {padding:15px; width:100%; background-color:#ffffff; float:left; margin:10px 0% 0 0;} #ExpertSearch .HomeExpertFilters select {padding:15px; width:100%; background-color:#ffffff; float:left; margin:10px 0% 0 0;} #ExpertSearch .HomeExpertFilters .SubmitButton {width:100%; } section#Blog article {width:98%; } section#ProductListing article {width:98%; } section#EventListing article {width:98%; } section#ProjectListing article .Image {width:100%; } section#VenueListing article {width:98%; } section#ChildPages article {width:98%; } section#MultimediaListing .Block { width:98%; height:160px;} section#CompListings article {width:98%; } section#ExpertListing article {width:99%;} section#ExpertListing article .Image {height:200px;} section#SupportListing article {width:99%;} section#SupportListing article .Image {height:200px;} section#ClassesListing article {width:99%; } section#ClassesListing article .Image {height:200px;} section#SiteMap .SiteMap1 {width:100%;} section#SiteMap .SiteMap2 {width:80%; } section#SiteMap .SiteMap3 {width:60%; } section#SiteMap .SiteMap4 {width:40%; } .FootLinks {display:block;} nav#NavigationBottom p { text-align:center; } .MemberLogin .LoginBox {width:98%; } .MemberForm .FormLeft {float:left; width:100%;} .MemberForm .FormRight {float:right; width:100%;} #ShopStrapLeft {width:100%; height:auto; padding-left:0;} #ShopStrapLeft p {font-family:DefaultBold; font-size:1.30em; color:#444444; padding:0; line-height:auto; text-align:center;} #ShopLarge {width:100%; height:456px; position:relative; margin-top:20px; background-position:center center; background-size:cover;} #FlashShopNow {position:absolute; bottom:-30px; left:-30px; width:380px;} #ShopSmallTop {width:100%; height:216px; } #ShopSmallBottom {width:100%; height:216px; } section.JobsInner article {width:98%; height:auto; margin:0px 1% 10px 1%; } section.EventsInner { padding:30px 15px 30px 15px; } .EventBanner {height:460px; width:100%; float:left; background-position:center center; background-size:cover; } .EventBanner h2 {text-shadow: 1.5px 1.5px #555555; color:#ffffff; text-align:center; margin-top:110px; font-size:2.20em; padding:0;} .EventBanner h3 {text-shadow: 1.5px 1.5px #555555; color:#ffffff; text-align:center; margin-bottom:20px; font-size:1.40em;} #EventBannerBTN {background-color:#ffffff; width:90%; padding:10px; margin: auto; font-size:1.10em; } #PinkOverlay h1 {margin-top:105px; font-size:2.20em;} #BlueOverlay h1 {margin-top:105px; font-size:2.20em;} #GreenOverlay h1 {margin-top:105px; font-size:2.20em;} #PinkOverlay h2 { font-size:1.80em;} #BlueOverlay h3 {font-size:1.80em;} #GreenOverlay h4 {font-size:1.80em;} .HeadEventSearch input {padding:20px; width:100%; background-color:#ffffff; float:left; margin-bottom:6px; margin-right:0%;} .HeadEventSearch select {padding:20px; width:100%; background-color:#ffffff; float:left; margin-bottom:6px; margin-right:0%;} .HeadEventSearch .SubmitButton {font-size:1.10em; color:#ffffff; background-color:#95c6d8; width:100%; } .HeadJobSearch input {padding:20px; width:100%; background-color:#ffffff; float:left; margin-bottom:6px; margin-right:0%;} .HeadJobSearch select {padding:20px; width:100%; background-color:#ffffff; float:left; margin-bottom:6px; margin-right:0%;} .HeadJobSearch .SubmitButton {font-size:1.10em; color:#ffffff; background-color:#ebaab3; width:100%; } section#ProjectListing article .TextLeft {float:left; width:100%; margin-bottom:15px; } section#ProjectListing article .TextRight {float:right; width:100%; } section#ClassesDateListing article .Image {float:left; width:100%; height:250px; margin-bottom:15px;} section#ClassesDateListing article .Text {float:right; width:100%; } section#ExpertVenueListing article .Side {float:right; width:100%; margin-bottom:15px;} section#ExpertVenueListing article .Text {float:left; width:100%; overflow:hidden; } section#SupportVenueListing article .Side {float:right; width:100%; margin-bottom:15px;} section#SupportVenueListing article .Text {float:left; width:100%; overflow:hidden; } #Shop1BTN {background-color:#b2ddc6; width:90%; bottom:20px; left:5%;} #Shop2BTN {background-color:#f8e2d5; width:90%; bottom:90px; left:5%;} .CompIcon {float:left; margin-right:30px; width:80px; padding:20px; height:120px;} .CompIcon p {padding:10px 0 0 0; text-align:center; font-size:0.95em; line-height:18px;} .ExpectingRight {float:right; width:100%; } .ExpectingForm {float:left; width:100%; } .ExpectingForm input {float:left; width:100%; padding:10px; margin:0 0% 6px 0; clear:auto;} .ExpectingForm .SubmitSignupButton {width:100%; margin-right:0; } .EventPageRowRight input {width:98% !important;} } /* ADMIN SIDE MENU */ #AdminMenuButton {position:fixed; top:20px; left:10px; background-color:#111111; width:40px; height:40px; border-radius:50px;} #AdminMenuButton img {height:20px; clear:both; padding:10px;} #AdminMenuButton svg {width:20px; height:20px; float:left; margin:10px; display:block; position:relative; cursor:pointer;} #AdminMenuButton svg path {fill:#ffffff !important;} #AdminMenuButton svg:hover path {fill:#00add8 !important;} .sidenavadmin {height:100%; width: 0; position: fixed; z-index:100; top: 0; left:-250px; background-color: #111111; overflow-x: hidden; padding-top: 60px; transition: 0.5s; } .sidenavadmin .closebtnadmin {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; color:#555555;} #Nav {float:left; width:100%;} #Nav img {height:20px; height:20px; margin-right:20px; margin-left:10px; float:left; display:block; position:relative;} #Nav a {float:left; border-bottom:1px solid #444444; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display:block; clear:both; width:100%; text-decoration:none; font-weight:400; color:#ffffff; font-size:0.90em; padding:10px 5% 10px 5%; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} #Nav a:hover {background: #444444; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #444444 , #111111); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #444444, #111111); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #444444, #111111); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #444444 , #111111); /* Standard syntax */ border-left:6px solid #00add8;} #Nav svg {width:20px; height:20px; margin-right:20px; margin-left:10px; float:left; display:block; position:relative;} #Nav svg path {fill:#ffffff !important;} /* RIGHT SIDE ICONS */ .bubble1 {background-color:#111111; z-index:99; border-radius:50px; position:fixed; width:40px; height:40px; bottom:80px; right:10px; } .bubble1 img {height:20px; clear:both; padding:10px;} .bubble1 svg {width:20px; height:20px; float:left; margin:10px; display:block; position:relative; cursor:pointer;} .bubble1 svg path {fill:#ffffff !important;} .bubble1 svg:hover path {fill:#00add8 !important;} .bubble2 {background-color:#111111; z-index:99; border-radius:50px; position:fixed; width:40px; height:40px; bottom:125px; right:10px; } .bubble2 img {height:20px; clear:both; padding:10px;} .bubble2 svg {width:20px; height:20px; float:left; margin:10px; display:block; position:relative; cursor:pointer;} .bubble2 svg path {fill:#ffffff !important;} .bubble2 svg:hover path {fill:#00add8 !important;} .bubble3 {background-color:#111111; z-index:99; border-radius:50px; position:fixed; width:40px; height:40px; bottom:170px; right:10px; } .bubble3 img {height:20px; clear:both;padding:10px; } .bubble3 svg {width:20px; height:20px; float:left; margin:10px; display:block; position:relative; cursor:pointer;} .bubble3 svg path {fill:#ffffff !important;} .bubble3 svg:hover path {fill:#00add8 !important;} .bubble4 {background-color:#111111; z-index:99; border-radius:50px; position:fixed; width:40px; height:40px; bottom:215px; right:10px; } .bubble4 img {height:20px; clear:both; padding:10px;} .bubble4 svg {width:20px; height:20px; float:left; margin:10px; display:block; position:relative; cursor:pointer;} .bubble4 svg path {fill:#ffffff !important;} .bubble4 svg:hover path {fill:#00add8 !important;} /* ON ELEMENT ICONS */ .SectionIcons {position:absolute; top:0px; right:0px;} .SectionIcons img {width:32px; height:32px; padding:8px 0 0 8px; float:left} .SectionIcons svg {width:32px; height:32px; padding:8px 0 0 8px; float:left; display:block; position:relative;} .SectionIcons svg path {fill:#444444 !important;} .SectionIcons svg:hover path {fill:#969696 !important;} #AlertPanel {width:80%; margin:0 10% 40px 10%; border-radius:8px; background-color:#ebaab3; padding-top:15px; padding-bottom:15px; text-align:center; line-height:16px; font-size:1.10em; clear:both; } p.AlertPanelText {padding:0px; margin:0px; color:#ffffff;} .cke_editable.cke_editable_inline{cursor: pointer;} .cke_editable.cke_editable_inline.cke_focus { box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000; outline: none; background: #eee; cursor: text;} .cke_editable_inline pre { white-space: pre-wrap; word-wrap: break-word;}