/* THEME NAME:Croatia Honeymoon THEME URI:https://croatiahoneymoon.com VERSION:2.0 AUTHOR:Charles Neville, JayWay Travel AUTHOR URI:https://jaywaytravel.com DESCRIPTION:This is a child theme for Headway 3.0. It is used for adding custom css and php code. TEMPLATE: headway */ /* SLIDESHOW PLUS */ body{ overflow-x:hidden; } #pzsp-next-fullWidthSlides{ width:50%; background-position:90% 50%; right:0px; } #pzsp-prev-fullWidthSlides{ width:50%; background-position:10% 50%; } /* CALLBACK LIGHTBOX */ #callBackLightBox{ position: fixed; display:none; z-index: 100001; background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.85); top: 0; left: 0; bottom: 0; right: 0; } #callBackLightBox > div{ display: none; overflow: hidden; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 360px; width: 410px; padding: 170px 30px 12px; margin: auto; box-shadow: rgba(130, 36, 67, 0.26) 0px 5px 30px; background-color: white; background-image:url('/wp-content/uploads/2014/02/let-us-call-you-form-header-background-8.png'); background-repeat:no-repeat; background-position:50% 0; } form#callBack{ margin: 0 auto; max-width: 410px; } form#callBack > hr{ border:none; margin:25px 0 !important; } form#callBack label { display: inline-block; width: 170px; margin: 15px -25px 0 0; vertical-align: top; line-height:14px; } form#callBack label[for="travel_soon"] { margin: 6px 0 0 10px; } form#callBack label[for="newsletter_subscribe"] { width: 230px; margin: 0 40px 15px 0; font-size: smaller; } form#callBack input[name="newsletter_subscribe"]{ width:20px; height:20px; margin-top:0px; margin-right:15px; } form#callBack input[type="checkbox"]{ width:20px; height:20px; } form#callBack input[type="text"], form#callBack input[type="email"], form#callBack textarea { width: 260px; max-width: 260px; margin: 5px 0; font-family: inherit; } form#callBack input[type="text"].formError, form#callBack input[type="email"].formError, form#callBack textarea.formError { background-color:#e8aec1; color:white; border-color:#d26086; } form#callBack .formError::-webkit-input-placeholder {color: #FFF; } form#callBack .formError::-moz-placeholder {color: #FFF; } form#callBack .formError:-moz-placeholder {color: #FFF; } form#callBack .formError:-ms-input-placeholder {color: #FFF; } form#callBack textarea { height:72px; max-height:72px; } form#callBack input[type="submit"] { position: relative; display:block; width:95px; color: #FFF; text-decoration: none; padding: 7px 30px; border-radius: 6px; margin:40px auto; background: #D26086; background-image:url("/wp-content/uploads/2014/02/ajax-loader.gif"); background-position: 50% -100%; background-repeat: no-repeat; border:none; font-style: normal; font-weight: lighter; font-size: inherit; outline: none; } #callBackLightBox button#closeForm{ position: absolute; top: 0; right: 0; font-size: x-large; color: #FFF; background: rgba(0, 0, 0, 0); padding: 6px 12px; opacity: 0.5; outline: none; } #callBackLightBox button#closeForm:hover{ opacity: 1; } /* CALLBACK LIGHTBOX MOBILE*/ @media only screen and (max-width: 600px){ form#callBack{ max-width: 340px; margin: 0; } form#callBack label:not([for="travel_soon"]) { display:none; } #callBackFormWrapper{ height: 350px !important; width: 260px !important; padding: 120px 30px 12px !important; background-size: contain; } } /* HEADWAY FIXES */ .block-type-navigation ul {word-spacing: inherit;} .block-type-navigation .selectnav { width:86%;} #whitewrap{overflow-x: hidden;} /* SITE WIDE */ hr { display : list-item; list-style : none; background-image:url('/wp-content/themes/croatiahoneymoon/images/hr-background.png'); background-color: transparent !important; background-repeat: no-repeat; background-position: 50% 50%; filter : alpha(opacity=0); width : 100%; height: 30px !important; margin: 50px 0 0 !important; } /* TESTIMONIAL BUBBLES */ .block-type-custom-code.jw_testimonial{ width:100%; padding-top:40px; padding-bottom:80px; overflow:visible; text-align:center; } .block-type-custom-code.jw_testimonial > .block-content{ display: inline-block; float:none; width:90%; max-width:900px; text-align:left; } .block-type-custom-code.jw_testimonial > .block-content > blockquote > img { float:right; margin-top:8px; margin-left:30px; display:block; clear:both; width:160px; } .block-type-custom-code.jw_testimonial > .block-content > blockquote{ border:none; background-color:#FFFFFF; background-color:rgba(255,255,255,0.5); color:inherit; padding:20px 30px; border-radius: 12px; line-height:2em; margin:40px 0 0; position:relative; text-align:right; min-height:170px; box-sizing:border-box; } .block-type-custom-code.jw_testimonial > .block-content > blockquote> cite{ display: block; position: absolute; top: 100%; right: 60px; margin-top: 10px; line-height: 120%; } .block-type-custom-code.jw_testimonial > .block-content > blockquote> cite:after{ content:''; width: 0px; height: 0px; border-style: solid; border-width: 33px 22px 0 0px; border-color: #FFFFFF transparent transparent transparent; border-color: rgba(255,255,255,0.5) transparent transparent transparent; position:absolute; top:-10px; right:-33px; } /* WELCOME */ .block-content .page_content_welcome{} .block-content .page_content_welcome img{ margin : 30px 25px; } /* TESTIMONIAL PAGE */ .block-content .page_content_testimonials{} .block-content .page_content_testimonials blockquote{ margin: 80px 0 0; padding: 0; color:inherit; } .block-content .page_content_testimonials blockquote cite{ float: left; clear: both; margin: 0 0 20px 0; } .block-content .page_content_testimonials blockquote img{ display:inline-block; max-width:240px; margin: 0 30px 20px 0; float: left; } /*.block-content .page_content_testimonials blockquote footer,*/ .block-content .page_content_testimonials blockquote p{ display: inline-block !important; max-width: 580px; vertical-align: top; float: none; border: none; background-color: rgba(210, 96, 134, 0.55); color: #FFF; padding: 20px 30px; border-radius: 12px; margin: 0 0 20px 0px; position: relative; min-height: 70px; font-style: italic; font-size: large; letter-spacing: inherit; word-spacing: 0.25em; line-height: 200%; box-sizing: border-box; } .block-content .page_content_testimonials blockquote p:after{ right: 100%; top: 20px; border: solid rgba(0, 0, 0, 0); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: rgba(210, 96, 134, 0.55); border-width: 10px; } /* DESTINATIONS */ .block-content .page_content_destinations{} .block-content .page_content_destinations nav{ width: 100%; text-align: center; } .block-content .page_content_destinations nav > a{ text-decoration: none; color: #90211F; margin: 12px 5px; padding: 6px 12px; border-radius: 6px; display: inline-block; text-align: center; } .block-content .page_content_destinations nav > a img{ display: block; width: 246px; height:114px; margin:5px 0; background: white; border-width: 3px; } .block-content .page_content_destinations article{ margin : 60px 0 0 0; } .block-content .page_content_destinations article + nav{ margin-top: 30px; } .block-content .page_content_destinations article + nav > a{ margin: 5px 10px; padding: 6px 12px; background-color: rgba(210, 96, 134, 0.14); } .block-content .page_content_destinations a[href]:hover { color: #FFF; background-color: rgba(210, 96, 134, 0.55); } /* offset anchors for scroll to function*/ .block-content .page_content_destinations a[name]{ position: relative; display:block; height:0 !important; top: -80px; } .block-content .page_content_destinations article img{ display:block; margin : auto; } .block-content .page_content_destinations article h2{ margin: 30px 0 10px; text-align:center; font-size:36px !important; } /* ACCOMMODATION */ /* EXCURSIONS */ .block-content .page_content_excursions, .block-content .page_content_accommodation {} .block-content .page_content_excursions nav, .block-content .page_content_accommodation nav{ width: 100%; text-align: center; } .block-content .page_content_excursions nav > a, .block-content .page_content_accommodation nav > a{ text-decoration: none; color: #90211F; margin: 12px 5px; padding: 6px 12px; border-radius: 6px; display: inline-block; text-align: center; } .block-content .page_content_excursions nav > a img, .block-content .page_content_accommodation nav > a img{ display: block; width: 246px; height:114px; margin:5px 0; background: white; border-width: 3px; } .block-content .page_content_excursions section, .block-content .page_content_accommodation section{ margin : 60px 0 0 0; } .block-content .page_content_excursions section + nav, .block-content .page_content_accommodation section + nav{ margin-top: 30px; } .block-content .page_content_excursions section + nav > a, .block-content .page_content_accommodation section + nav > a{ margin: 5px 10px; padding: 6px 12px; background-color: rgba(210, 96, 134, 0.14); } .block-content .page_content_excursions a[href]:hover , .block-content .page_content_accommodation a[href]:hover { color: #FFF; background-color: rgba(210, 96, 134, 0.55); } /* offset anchors for scroll to function*/ .block-content .page_content_excursions a[name], .block-content .page_content_accommodation a[name]{ position: relative; display:block; height:0 !important; top: -80px; } .block-content .page_content_excursions ul , .block-content .page_content_accommodation ul { list-style-type:none; margin:40px 0; padding:0; } .block-content .page_content_excursions li , .block-content .page_content_accommodation li { display: inline-block; vertical-align:top; box-sizing: border-box; margin:20px 0; padding:0; } .block-content .page_content_excursions h2 , .block-content .page_content_accommodation h2 { margin: 30px 0 10px; text-align:center; font-size:36px !important; font-weight:bold; } .block-content .page_content_excursions li > div , .block-content .page_content_accommodation li > div { display:inline-block; } .block-content .page_content_excursions li > img + div , .block-content .page_content_accommodation li > img + div { width:60%; vertical-align: inherit; } .block-content .page_content_excursions li > img + div + div , .block-content .page_content_accommodation li > img + div + div { background-color: blue; } .block-content .page_content_excursions li > div > h3 , .block-content .page_content_accommodation li > div > h3 { font-weight:bold; } .block-content .page_content_excursions li > img , .block-content .page_content_accommodation li > img { display: inline-block; min-width: 240px; max-width: 240px; width:240px; margin: 0 40px 0 0 !important; } .block-content .page_content_excursions li p , .block-content .page_content_accommodation li p { } .block-content .page_content_excursions li p+p, .block-content .page_content_accommodation li p+p { } #header-tel { font-size: 24px; float: right; color: white; font-weight: bold; margin-top: 30px; line-height: 150%;} #header-email { font-size: 12px; color: white; font-weight: bold; margin-top: 10px; line-height: 150%;} #header-email a { color: white; text-decoration: none; }