/* Theme Name: Lunada Text Domain: lunada Version: 1.0 Author: Query Solutions LTD */ @font-face { font-family: 'Open Sans Hebrew'; src: url('fonts/opensanshebrew-bold-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-bold-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-bold-webfont.svg#8b4b25a9e6dee2304c08fefb363a9190') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: 'Open Sans Hebrew'; src: url('fonts/opensanshebrew-bolditalic-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-bolditalic-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-bolditalic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-bolditalic-webfont.svg#c21c03ab7080535ee57497eccfdf86e3') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 700; } @font-face { font-family: 'Open Sans Hebrew'; src: url('fonts/opensanshebrew-extrabold-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-extrabold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-extrabold-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-extrabold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-extrabold-webfont.svg#f7e80113069d64680d94be62885b159d') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 900; } @font-face { font-family: 'Open Sans Hebrew'; src: url('fonts/opensanshebrew-extrabolditalic-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-extrabolditalic-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-extrabolditalic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-extrabolditalic-webfont.svg#0aa7139bf6d3c365c59c140c3c8e269e') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 900; } @font-face { font-family: 'Open Sans Hebrew'; src: url('fonts/opensanshebrew-italic-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-italic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-italic-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-italic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-italic-webfont.svg#c710e2592c6201f5dff5fe5ae74e9d58') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 400; } @font-face { font-family: 'Open Sans Hebrew'; src: url('fonts/opensanshebrew-light-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-light-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-light-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-light-webfont.svg#1e3cbe1d61c0f2b766b8aff35f09f556') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'Open Sans Hebrew'; src: url('fonts/opensanshebrew-lightitalic-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-lightitalic-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-lightitalic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-lightitalic-webfont.svg#c137a74dd645478d57aebcd9a32af039') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 200; } @font-face { font-family: 'Open Sans Hebrew'; src: url('fonts/opensanshebrew-regular-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/opensanshebrew-regular-webfont.woff') format('woff'), /* Modern Browsers */ url('fonts/opensanshebrew-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/opensanshebrew-regular-webfont.svg#265e1bf8eadfa92b8d955acd546bd2c3') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } /*@font-face{font-family:'pauzaFOT Book'; src:url(opensanshebrew-light-webfont.eot); src:url(opensanshebrew-light-webfont.eot?#iefix) format('embedded-opentype'),url(opensanshebrew-light-webfont.woff) format('woff'),url(opensanshebrew-light-webfont.ttf) format('truetype'),url(opensanshebrew-light-webfont.svg#open_sans_hebrewlight) format('svg');font-weight:300;font-style:normal}*/ @font-face { font-family: 'pauzaFOT Light'; src: url('fonts/pauzafot-light.woff2') format('woff2'), url('fonts/pauzafot-light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pauzaFOT Book'; src: url('fonts/pauzafot-book.woff2') format('woff2'), url('fonts/pauzafot-book.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pauzaFOT Bold'; src: url('fonts/pauzafot-bold.woff2') format('woff2'), url('fonts/pauzafot-bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pauzaFOT Black'; src: url('fonts/pauzafot-black.woff2') format('woff2'), url('fonts/pauzafot-black.woff') format('woff'); font-weight: normal; font-style: normal; } /* RESET -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; /*font: inherit;*/ vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} /* Clearfix -------------------------------------------------------------- */ .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} /* MISC -------------------------------------------------------------- */ ::selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone {margin: 5px 20px 20px 0;} .aligncenter,div.aligncenter {display: block; margin: 5px auto 5px auto;} .alignright {float:right;margin: 5px 0 20px 20px;} .alignleft {float: left;margin: 5px 20px 20px 0;} .aligncenter {display: block;margin: 5px auto 5px auto;} a img.alignright {float: right;margin: 5px 0 20px 20px;} a img.alignnone {margin: 5px 20px 20px 0;} a img.alignleft {float: left;margin: 5px 20px 20px 0;} a img.aligncenter {display: block;margin-left: auto;margin-right: auto} .wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%; /* Image does not overflow the content area */padding: 5px 3px 10px;text-align: center;} .wp-caption.alignnone {margin: 5px 20px 20px 0;} .wp-caption.alignleft {margin: 5px 20px 20px 0;} .wp-caption.alignright {margin: 5px 0 20px 20px;} .wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;} .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;} /* Main -------------------------------------------------------------- */ html { font-size: 20px; } body { color: #666666; font-size: 1rem; direction: ltr; line-height: 1rem; font-family: 'pauzaFOT Book'; } h1, h2, h3, h4, h5, h6 { position: relative; display: block; font-family: 'pauzaFOT Bold'; } h1 { font-size: 1.5rem; font-weight: bold; color: #024084; } h2 { font-size: 1.5rem; line-height: 1.5rem; color: #024084; } h3 { font-size: 1.2rem; color: #024084; } h4 { font-size: 1.2rem; color: #008fc3; font-size: 1.2rem; } div,p, span, a, input, select, textarea { font-family: 'pauzaFOT Book'; } strong, b{ font-weight: bold;} i, em{ font-style: italic; } ul li, ol li { text-align: left;} input[type="submit"]{ font-family: 'pauzaFOT Book'; } a, input[type="submit"], .img_overlay, .zoom_in,.zoom_out, ul.header_menu > li .wrap_sub_menu, .instagram_single_item .insta_hover, #scrollToTop { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .zoom_in:hover{ -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); transform-origin: center center; } .zoom_out{ -webkit-transform: scale(1.5); transform: scale(1.5); } .zoom_out:hover{ -webkit-transform: scale(1); transform: scale(1); } a{ text-decoration: none; color: #333333; } a:hover{ text-decoration: underline; color: #333333; } a:focus{ color: #000; } img.grayscale{ -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale"); } img.grayscale:hover{ filter: none; -webkit-filter: grayscale(0%); } .round { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .content ol, .content ul { margin-left: 10px; padding-left: 10px; font-size: 1rem; line-height: 1.4em; margin-bottom: 1rem; } .content ul { list-style: disc; } .content ol{ list-style: decimal; } .content { color: #666666; position: relative; display: block; width: 100%; } .content p, .excerpt p{ font-size: 1rem; line-height: 1.2rem; margin-bottom: 1rem; color: #666666; } /* ACCESSIBILITY **********************/ #skip a, #skip a:hover, #skip a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; background: #008fc3; padding: 5px; font-family: 'pauzaFOT Bold'; font-weight: bold; font-size: 1.2rem; color: #fff; text-transform: uppercase; text-decoration: none; line-height: 2.857rem; padding: 0 10px; z-index: 99999; } #skip a:active, #skip a:focus{ position:fixed; left:10px; top:10px; width:auto; height:auto; z-index: 999999; } /**************************************************************** LAYOUT LAYOUT LAYOUT LAYOUT LAYOUT LAYOUT LAYOUT LAYOUT ****************************************************************/ /** FOUNDATION ****************/ .row { max-width: 1200px; } /******************/ .wrapper { position: relative; display: block; max-width: 100%; width: 100%; height: 100%; overflow: hidden; background-image: url(images/site_bg.jpg); background-repeat: repeat-y; background-position: top left; /*background-attachment: fixed;*/ } .off-canvas-wrapper{ width: 1px; min-width: 100%; height: 100%; } .main_container, .container { position: relative; display: block; max-width: 1200px; width: 100%; margin: 0 auto; } #main.page_container { position: relative; display: block; height: 100%; } header#header { position: relative; display: block; /*padding-bottom: 60px;*/ } header#header .sticky{ position: fixed; top: 0; display: block; background: #024084; width: 100%; z-index: 9999; height: 60px; } body.admin-bar header#header .sticky{ top: 32px; } .header ul.social_icons .social.youtube, .header ul.social_icons .social.tripadvisor { display: none; } /**************/ #trigger_mobile_menu{ display: none; float: right; background: url(images/menu_icon.png) no-repeat; height: 29px; width: 35px; text-indent: -99999px; margin: 13px; } .logo{ position: relative; display: block; } #header .logo{ /*margin-top: 10px;*/ } .logo a{ position: relative; display: block; } .wrap_top_elements{ position: relative; display: block; width: 100%; } .float_element{ position: relative; display: inline-block; float: left; margin-left: 10px; } #page_banner{ position: relative; display: block; padding-top: 60px; } .home #page_banner{ padding: 0; } /* .page_top_banner{ position: relative; display: block; height: 300px; background-size: cover; background-position: 50% 50%; } */ .page_top_banner{ position: relative; display: block; background-size: 100% auto; background-repeat: no-repeat; background-position: top center; height: 16vw; } /** MAIN MENU ********************************************/ nav.main_menu{ position: relative; display: block; } nav.main_menu ul{ position: relative; display: block; } nav.main_menu ul > li{ position: static; display: inline-block; float: left; line-height: 58px; /*border-top: 2px solid; border-color: transparent;*/ } nav.main_menu ul > li:first-child > a{ /*padding-left: 0;*/ } nav.main_menu ul > li > a{ font-family: 'pauzaFOT Book'; font-size : 1.2rem; font-size : 0.9rem; color : #fff; position: relative; display: block; text-decoration: none; padding: 0 13px; border-top: 2px solid; border-color: transparent; } nav.main_menu ul > li > a span.menu-image-title { position: relative; display: block; } /*nav.main_menu ul > li:hover > a, nav.main_menu ul > li:focus > a, nav.main_menu ul > li > a:focus{ background-color: #00838e; }*/ nav.main_menu ul > li .wrap_sub_menu{ display: none; } nav.main_menu ul > li:hover > .wrap_sub_menu, nav.main_menu ul > li .wrap_sub_menu.focused{ display: block; } /***** LEVEL 02 *****/ nav.main_menu ul ul.sub-menu { position: absolute; top: 100%; left: 0; width: 100%; min-width: 225px; display: block; height: auto; z-index: 999; margin: 0; overflow: hidden; } nav.main_menu ul ul.sub-menu li{ border-top:none; } nav.main_menu ul > li:hover > ul.sub-menu, nav.main_menu ul li ul.sub-menu.show-menu { display: block; } nav.main_menu ul ul.sub-menu li{ position: static; display: block; width: 100%; line-height: 30px; } nav.main_menu ul ul.sub-menu li a{ padding: 13px 0px 13px 20px; font-weight: 400; text-align: left; background: #00838e; position: static; } nav.main_menu ul ul.sub-menu li a:hover, nav.main_menu ul ul.sub-menu > li.current-menu-item > a, nav.main_menu ul ul.sub-menu li a:focus{ color: #ffc907; } nav.main_menu ul ul.sub-menu li a:hover:before, nav.main_menu ul ul.sub-menu > li.current-menu-item > a:before, nav.main_menu ul ul.sub-menu li a:focus:before{ content: ''; height: 30px; border-left:10px solid #ffc907; position: absolute; left: 0; display: inline-block; } /*****/ nav.main_menu ul ul.sub-menu li img.menu-image{ position: absolute; left: 225px; top: 0; height: auto; z-index: 99999999; display: none; } h2.team_department{ display:block; clear:both; text-align:right; } .team_department_wrap.clearfix { width: 100%; margin-top:40px; } .team_department_wrap:after{ clear:both; display:block; content:" "; } nav.main_menu ul ul.sub-menu:after{ content: ''; position: absolute; left: 225px; height: 100%; width: 150px; z-index: 110; } /** menu colors **********************/ /* background color */ nav.main_menu > div > ul > li.green a:hover, nav.main_menu > div > ul > li.green a:focus, nav.main_menu > div > ul > li.green ul.sub-menu li a{ background-color: #00838e; } nav.main_menu > div > ul > li.dark_pink a:hover, nav.main_menu > div > ul > li.dark_pink a:focus, nav.main_menu > div > ul > li.dark_pink ul.sub-menu li a{ background-color: #ac005b; } nav.main_menu > div > ul > li.orange a:hover, nav.main_menu > div > ul > li.orange a:focus, nav.main_menu > div > ul > li.orange ul.sub-menu li a{ background-color: #c63f1b; } nav.main_menu > div > ul > li.turquoise a:hover, nav.main_menu > div > ul > li.turquoise a:focus, nav.main_menu > div > ul > li.turquoise ul.sub-menu li a{ background-color: #008fc3; } nav.main_menu > div > ul > li.red a:hover, nav.main_menu > div > ul > li.red a:focus, nav.main_menu > div > ul > li.red ul.sub-menu li a{ background-color: #b8181e; } /* top border color */ nav.main_menu > div > ul > li.green.current-menu-ancestor a, nav.main_menu > div > ul > li.green.current-menu-item a, nav.main_menu > div > ul > li.green a:hover, nav.main_menu > div > ul > li.green a:focus{ border-color: #00838e; } nav.main_menu > div > ul > li.dark_pink.current-menu-ancestor a, nav.main_menu > div > ul > li.dark_pink.current-menu-item a, nav.main_menu > div > ul > li.dark_pink a:hover, nav.main_menu > div > ul > li.dark_pink a:focus{ border-color: #ac005b; } nav.main_menu > div > ul > li.orange.current-menu-ancestor a, nav.main_menu > div > ul > li.orange.current-menu-item a, nav.main_menu > div > ul > li.orange a:hover, nav.main_menu > div > ul > li.orange a:focus{ border-color: #c63f1b; } nav.main_menu > div > ul > li.turquoise.current-menu-ancestor a, nav.main_menu > div > ul > li.turquoise.current-menu-item a, nav.main_menu > div > ul > li.turquoise a:hover, nav.main_menu > div > ul > li.turquoise a:focus{ border-color: #008fc3; } nav.main_menu > div > ul > li.red.current-menu-ancestor a, nav.main_menu > div > ul > li.red.current-menu-item a, nav.main_menu > div > ul > li.red a:hover, nav.main_menu > div > ul > li.red a:focus{ border-color: #b8181e; } nav.main_menu ul li.green ul.sub-menu:after{ background: rgba(0,130,142,1); background: -moz-linear-gradient(left, rgba(0,130,142,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,130,142,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(0,130,142,1) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(0,130,142,1) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(0,130,142,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(0,130,142,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00828e', endColorstr='#ffffff', GradientType=1 ); } nav.main_menu ul li.dark_pink ul.sub-menu:after{ background: rgba(172,0,92,1); background: -moz-linear-gradient(left, rgba(172,0,92,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(172,0,92,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(172,0,92,1) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(172,0,92,1) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(172,0,92,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(172,0,92,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac005c', endColorstr='#ffffff', GradientType=1 ); } nav.main_menu ul li.orange ul.sub-menu:after{ background: rgba(198,64,27,1); background: -moz-linear-gradient(left, rgba(198,64,27,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(198,64,27,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(198,64,27,1) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(198,64,27,1) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(198,64,27,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(198,64,27,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6401b', endColorstr='#ffffff', GradientType=1 ); } nav.main_menu ul li.turquoise ul.sub-menu:after{ background: rgba(0,143,195,1); background: -moz-linear-gradient(left, rgba(0,143,195,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,143,195,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(0,143,195,1) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(0,143,195,1) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(0,143,195,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(0,143,195,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008fc3', endColorstr='#ffffff', GradientType=1 ); } nav.main_menu ul li.red ul.sub-menu:after{ background: rgba(184,24,29,1); background: -moz-linear-gradient(left, rgba(184,24,29,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(184,24,29,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(184,24,29,1) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(184,24,29,1) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(184,24,29,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(184,24,29,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8181d', endColorstr='#ffffff', GradientType=1 ); } /******************************/ nav.main_menu ul ul.sub-menu li a:hover img.menu-image, nav.main_menu ul ul.sub-menu li a:focus img.menu-image{ display: block; } /*nav.main_menu ul > li:hover ul.sub-menu li:first-child a img.menu-image{ display: block; }*/ /***** LEVEL 03 *****/ nav.main_menu ul ul ul.sub-menu { position: absolute; top: 0; right: -225px; left:auto; width: 100%; min-width: 225px; display: none; height: 100%; z-index: 999; margin: 0; } nav.main_menu ul ul li:hover ul.sub-menu{ display: block; } nav.main_menu ul ul ul.sub-menu li{ position: relative; display: block; width: 100%; } /** SOCIAL ICONS ***********/ ul.social_icons { position: relative; display: block; width: 100%; margin: 15px 0 !important; } ul.social_icons li.social { position: relative; display: inline-block; float: left; width: 30px; height: 30px; margin-left: 10px; } ul.social_icons li.social:first-child { margin-left: 0px; } ul.social_icons li.social a{ position: relative; display: block; background: url(images/socials.png) no-repeat; height: 30px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } ul.social_icons li.social.fb a{ background-position: -5px -5px; } ul.social_icons li.social.instagram a{ background-position: -45px -5px; } ul.social_icons li.social.youtube a { background-position: -125px -45px; } ul.social_icons li.social.tripadvisor a { background-position: -125px -160px; } ul.social_icons li.social.fb:hover a{ background-position: -5px -85px; } ul.social_icons li.social.instagram:hover a { background-position: -45px -85px; } ul.social_icons li.social.youtube:hover a { background-position: -45px -123px; } ul.social_icons li.social.tripadvisor:hover a { background-position: -125px -123px; } aside.sidebar .widget ul.social_icons{ display: inline-block; width: auto; } aside.sidebar .widget ul.social_icons li.social.fb:hover a { background-position: -85px -85px; } aside.sidebar .widget ul.social_icons li.social.instagram:hover a { background-position: -125px -5px; } /*******************/ .home_slider .slide{ height: 682px; } .home_slider:after{ position: absolute; bottom: 0; left: 0; height: 60px; width: 100%; background-image: url(images/bottom_slider.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; z-index: 99; content: ''; } .home_slider .slide .bg{ height: 100%; position: relative; display: block; background-position: 50% 50%; background-size: cover; } /** SLIDER ARROWS ****************/ button.slider_arr{ position: absolute; display: block; height: 48px; width: 27px; top: 50%; z-index: 10; margin-top: -24px; text-indent: -9999px; cursor: pointer; background-repeat: no-repeat; background-image: url(images/slider_arrows.png); -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .home_slider button.slider_arr{ opacity: 0; } .home_slider:hover button.slider_arr{ opacity: 1; } .arr_next{ background-position: 0px -58px; right: 40px; } .arr_prev{ background-position: 0px 0px; left: 40px; } .home_slider .slider_buttons { position: absolute; bottom: 50px; right: 0; } /** dots **/ .home_slider .slick-dots{ position: relative; right: 10px; z-index: 10; } .home_slider .slick-dots li{ position: relative; display: block; height: 10px; width: 10px; margin-top: 10px; } .home_slider .slick-dots li:first-child{ margin-top: 0px; } .slick-dots li button:before{ display: none; } .slick-dots li button{ position: relative; display: block; text-indent: -9999px; height: 10px; width: 10px; padding: 0; border: 1px solid #fff; border-radius: 50%; -webkit-appearance: 50%; -moz-appearance: 50%; } .slick-dots li.slick-active button{ background: #fff; } /** play / pause **/ ul.slick-pp { position: relative; right: 10px; z-index: 10; display: block; margin-bottom: 10px; } ul.slick-pp li{ position: relative; display: block; height: 10px; width: 10px; } ul.slick-pp li button{ position: relative; text-indent: -9999px; line-height: inherit; height: 10px; width: 10px; padding: 0; border-radius: 0; -webkit-appearance: 0; -moz-appearance: 0; background: url(images/pause.png) no-repeat 50% 50%; } ul.slick-pp li.play_trig button{ background: url(images/tinyplay.png) no-repeat 50% 50%; } ul.slick-pp li{ display: none; } ul.slick-pp li.active{ display: block; } ul.slick-pp li button.pause{ opacity: 1.0; } ul.slick-pp li button.pause:hover{ opacity: 0.3; } /** HOME MAIN SECTION LAYOUT **************/ .home_main_wrapper { position: relative; display: block; width: 100%; margin-bottom: 34px; opacity: 0; } .home_main_content{ position: relative; display: inline-block; float: left; width: 74.36%; margin-right: 2.562%; } .home_main_sidebar{ position: relative; display: inline-block; float: left; width: 23.078%; } .home_main_sidebar.mobile{ display:none; } /** HOME SECTION - ZONES *********************************************/ .home_section { position: relative; display: block; margin-bottom: 40px; } #home_slider_section{ max-height: 682px; margin-top: 60px; margin-bottom: 0; } #home_slider_section_mobile{ display:none; } section#home_zones_section { margin-bottom: 15px; } .zone_icons_wrapper { position: relative; display: block; width: 100%; } .zone_icon { position: relative; display: inline-block; float: left; width: 12%; margin-left: 10%; height: 175px; } .zone_icon.first{ margin-left: 0; } .zone_icon a{ display: block; text-align: center; max-width: 105px; } .zone_icon a img { -moz-transition: width 2s, height 2s, -webkit-transform 1s; -ms-transition: width 2s, height 2s, -webkit-transform 1s; -webkit-transition: width 2s, height 2s, -webkit-transform 1s; transition: width 2s, height 2s, transform 1s; } .zone_icon a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .section_title{ color: #024084; font-family: 'pauzaFOT Bold'; margin-bottom: 35px; font-size: 1.5rem; } .zone_icon a{ text-align: center; text-decoration: none; } .zone_icon a .title{ color: #024084; font-size: 1.2rem; margin-top: 5px; } /** HOME SIDEBAR SECTION **************/ .home_side_section { position: relative; display: block; height: 100%; } .home_side_section .widgets_outer_wrapper{ position: relative; display: block; background: #fff; -webkit-box-shadow: -10px 10px 5px 0px rgba(238,239,240,1); -moz-box-shadow: -10px 10px 5px 0px rgba(238,239,240,1); box-shadow: -10px 10px 5px 0px rgba(238,239,240,1); -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-left-radius: 20px; } .widgets_inner_wrapper{ position: relative; display: block; top: -193px; padding: 0 15px 15px 15px; /*margin-bottom: -193px;*/ } .widget.widget_contacts ul.social_icons{ display: inline-block; width: auto; } .widget .content a{ position: relative; display: block; color: #666666; text-decoration: none; } .home_side_section .section_title{ text-indent: -9999px; margin-bottom: 0; height: 250px; background: #fff; -webkit-border-top-left-radius: 50%; -webkit-border-top-right-radius: 50%; -moz-border-radius-topleft: 50%; -moz-border-radius-topright: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; -webkit-box-shadow: -10px 10px 5px 0px rgba(238,239,240,1); -moz-box-shadow: -10px 10px 5px 0px rgba(238,239,240,1); box-shadow: -10px 10px 5px 0px rgba(238,239,240,1); } .home_side_section .widget { text-align: center; position: relative; display: block; margin-bottom: 20px; } .home_side_section .widget:last-child{ margin-bottom: 40px; } .widget h3.title { color: #024084; font-size: 1.5rem; line-height: 1.5rem; font-family: 'pauzaFOT Book'; margin: 5px 0 10px 0; } .join_newsletter{ background: #024084; padding: 18px 20px; border-radius: 5px; color: #fff; } .join_newsletter .ninja-forms-all-fields-wrap{ display: inline-block; width: 100%; position: relative; } .join_newsletter .field-wrap{ margin-bottom: 0; } .ninja-forms-form p{ font-size: 1.2rem; line-height: 1.2rem; margin-bottom: 0; } .ninja-forms-form .text-wrap.label-above label, .ninja-forms-form .textarea-wrap.label-above label{ display: none; } .ninja-forms-form .ninja-forms-required-items{ display: none; } .home .home_main_content .join_newsletter .ninja-forms-field.nf-desc { display: inline-block; float: left; width: 43.25%; } .home .home_main_content .field-wrap.text-wrap.label-above { display: inline-block; float: right; width: 56.75%; /*margin-top: 6px;*/ } .join_newsletter .ninja-forms-form input[type="text"] { height: 33px !important; padding: 0; position: relative; display: block; margin-bottom: 0; padding-right: 70px; -webkit-border-radius: 33px; -moz-border-radius: 33px; border-radius: 33px; border: none; } .ninja-forms-form .field-wrap.submit-wrap{ position: absolute; right: 0; /*bottom: 6px;*/ z-index: 10; background-color: #f26640; height: 33px; width: 68px; -webkit-border-radius: 33px; -moz-border-radius: 33px; border-radius: 33px; padding: 6px 0; } .ninja-forms-form .field-wrap.submit-wrap:hover{ background-color: #b82b37; } .ninja-forms-form input[type="submit"]{ background: none; border: none; text-indent: -9999px; height: 20px; width: 20px; margin: 0 auto; display: block; background: url(images/submit_newsletter.png) no-repeat; } .footer_widget .join_newsletter .ninja-forms-form input[type="submit"] { width: 100%; background-position: 20px -65px; } .join_newsletter .ninja-forms-form input[type="submit"]{ background-position: -5px -65px; } /* HOME LATEST ARTICLES **********************/ .excerpt p{ font-size: 1rem; line-height: 1.2rem; } section.home_latest_articles.home_section{ margin-bottom: 0; } .latest_articles_wrapper{ position: relative; display: block; width: 100%; padding-bottom: 25px; border-bottom: 1px solid #ccc; } .latest_article{ position: relative; display: inline-block; float: left; width: 31%; margin-left: 3.5%; } .latest_article:first-child{ margin-left: 0; } .latest_article .post_thumb{ margin-bottom: 10px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; z-index: 1; } .latest_article .post_thumb a{ position: relative; display: block; } .latest_article .post_thumb img{ margin: 0 auto; display: block; width: 100%; } .latest_article .title{ margin-bottom: 10px; } .latest_article .title a{ font-size: 1.2rem; color: #024084; text-decoration: none; } .latest_article .title a:hover{ text-decoration: underline; } /** HOME SKILLS SECTION ********************************/ .home_second_part { position: relative; display: block; width: 100%; } .home_skills_wrapper { position: relative; display: inline-block; float: left; max-width: 775px; width: 67%; } h2.skills_title { font-size: 1.5rem; color: #024084; background-repeat: no-repeat; background-position: left center; height: 77px; line-height: 77px; padding-left: 70px; margin-bottom: 40px; } .inner_skills { position: relative; display: block; height: 100%; } form#filter_skills { display: block; } .skills_list{ position: relative; display: block; width: 100%; } .skills_list .wrap_checkbox{ position: relative; display: inline-block; float: left; width: 25%; margin-bottom: 7px; } .lunada_checkbox { width: 100%; position: relative; display: inline-block; } .skills_list .wrap_checkbox input[type=checkbox], .lunada_checkbox input[type=checkbox]{ position: relative; display: inline-block; float: left; margin: 0; width: 13%; height: 22px; visibility: hidden; } .lunada_checkbox input[type=radio]{ position: relative; display: inline-block; float: left; margin: 0; width: 13%; height: 22px; visibility: hidden; } .field_wrap.lunada_radio, .custom_fields_wrap { position: relative; display: inline-block; width: 100%; } .lunada_radio label{ position: relative; display: inline-block; float: left; width: 87%; margin: 0; color: #666666; font-size: 1rem; font-size: 0.8rem; padding-left: 7px; line-height: 1rem; } .lunada_radio label:after{ background: url(images/radio_buttons.png); background-position: 0px -29px; content: ''; position: absolute; width: 22px; height: 22px; top: 0px; left: -22px; } .lunada_radio label, .lunada_checkbox label, .lunada_radio label .text{ line-height: 22px; } .lunada_radio input[type=radio], .lunada_checkbox input[type=checkbox], .field-wrap.checkbox-wrap input[type=checkbox]{ display: none; } .lunada_radio input[type=radio]:checked + label:after{ background-position: 0px 0px; } /* hide default radio buttons and checkboxes */ .field-wrap ul{ display: none; } .skills_list .wrap_checkbox label, .lunada_checkbox label, .field-wrap.checkbox-wrap label{ position: relative; display: inline-block; float: left; width: 87%; margin: 0; color: #666666; font-size: 1rem; font-size: 0.8rem; padding-left: 7px; line-height: 22px; cursor: pointer; } .skills_list .wrap_checkbox label:after, .lunada_checkbox label:after, .field-wrap.checkbox-wrap label:after{ background: url(images/checkboxes.png); background-position: 0px 0px; content: ''; position: absolute; width: 22px; height: 22px; top: 0px; left: -22px; } .skills_list .wrap_checkbox input[type=checkbox]:checked + label:after, .lunada_checkbox input[type=checkbox]:checked + label:after, .field-wrap.checkbox-wrap input[type=checkbox]:checked ~ label:after{ background-position: -32px 0; } .field-wrap.list-multi-wrap select{ width: 100% !important; border-radius: 0; padding: 0; background-image: none; font-size: 1rem; } .field-wrap.list-multi-wrap select option{ padding: 5px 15px; line-height: 22px; } .custom_fields_wrap { left: 22px; } .field-wrap.checkbox-wrap.single_checkbox-wrap{ left: 22px; } #filter_skills .wrap_submit { position: absolute; display: inline-block; right: 0; bottom: 0; min-width: 171px; height: 36px; border-radius: 36px; background: #fff; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } #filter_skills .wrap_submit.disabled{ border: 2px solid #cccccc; } #filter_skills .wrap_submit{ border: 2px solid #008fc3; } #filter_skills .wrap_submit input#submit_skills { background: none; border: none; height: 100%; width: 100%; text-align: left; padding: 0 15px; line-height: 36px; } #filter_skills .wrap_submit.disabled{ color: #cccccc; } #filter_skills .wrap_submit{ color: #008fc3; } /*#filter_skills .wrap_submit:after{ background: url(images/small_arrows.png) no-repeat; height: 14px; width: 9px; background-position: -5px -83px; position: absolute; right: 15px; content: ""; bottom: 8px; }*/ #filter_skills .wrap_submit i.fa{ position: absolute; left: 13px; bottom: 8px; font-size: 14px; } /** HOME FACTS *************/ .home_facts_wrapper { position: relative; display: inline-block; float: right; width: 31.8%; background: #008fc3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height: 350px; } .facts_container{ position: relative; display: block; width: 100%; height: 100%; padding-top: 15px; } .facts_container:after{ position: absolute; bottom: 0; left: 0; content: ''; display: block; width: 159px; height: 220px; width: 100%; height: 100%; z-index: 1; background: url(images/question_mark.png) bottom left no-repeat; } .facts_title{ position: relative; font-size: 2rem; color: #0089aa; font-family: 'pauzaFOT Bold'; background: #fff; line-height: 2.4rem; min-width: 125px; padding:0 20px; margin-bottom: 22px; display: inline-block; height: 40px; -webkit-border-top-right-radius: 40px; -webkit-border-bottom-right-radius: 40px; -moz-border-radius-topright: 40px; -moz-border-radius-bottomright: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; z-index: 3; } .wrap_facts_slider{ position: relative; display: block; padding: 0 20px 0px 20px; z-index: 3; /*height: 271px;*/ } .facts_slider{ margin-bottom: 0; height: 100%; } body.single-zone .facts_slider{ max-height: 93px; /*overflow: hidden;*/ } .facts_slider .fact_slide { color: #fff; font-size: 1rem; height: 100%; } .facts_slider .fact_slide .fixed_height_wrap{ position: relative; height: 100%; } .facts_slider .fact_slide .text { position: relative; font-size: 1rem; line-height: 1.3rem; } /******/ .facts_slider button.slider_arr{ height: 17px; width:10px; top: -25px; background-image: url(images/small_arrows.png); } .facts_slider button.btn_icon { position: absolute; top: -50px; color: #fff; font-size: 18px; } .facts_slider button.btn_icon:hover{ color: #ffc907; } .facts_slider button.btn_icon i.fa{ position: relative; } .facts_slider button.btn_icon.arr_next{ right:0px; left: auto; } .facts_slider button.btn_icon.arr_prev{ right:30px; left: auto; } /******/ .wrap_meta{ position: absolute; width: 100%; display: block; bottom: 10px; z-index: 3; left: 0; } .meta_fact{ position: relative; display: block; width: 100%; } .meta_fact .name { position: relative; display: inline-block; float: left; width: 67%; margin-right: 3%; } .meta_fact .read_more{ position: relative; display: inline-block; float: right; width: 30%; text-align: right; } .meta_fact .read_more a{ color: #fff; text-decoration: none; } .meta_fact .read_more a:hover{ text-decoration: underline; } .meta_fact .read_more a:after{ content: ""; position: relative; display: inline-block; height: 14px; width: 9px; margin-left: 10px; background: url(images/small_arrows.png)no-repeat; background-position: -5px -131px; } .bottom_fact { position: absolute; color: #fff; bottom: 13px; left: 0; width:100%; text-align: center; z-index: 3; padding: 15px 20px 0 20px; border-top: 1px solid #fff; } .bottom_fact a{ color: #ffc907; text-decoration: none; } .bottom_fact a:hover{ text-decoration: underline; } /** INSTAGRAM GALLERY *********************/ #instafeed{ position: relative; display: block; margin-top: 70px; } #instafeed #insta_gallery{ position: relative; display: flex; width: 100%; flex-flow: row; flex-wrap: wrap; align-items: center; justify-content: center; } #instafeed .wrap_pipe{ position: relative; display: inline-block; width: 100%; } #instafeed .pipe{ position: absolute; left: 0px; top:-155px; width: 107px; height: 161px; z-index: 100; background: url(images/pipe.png) no-repeat 50% 50%; background-size: cover; } .instagram_single_item{ position: relative; display: inline-block; float: left; width: 14.285%; width: calc(100%/7); height: 200px; } .insta_image { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .insta_image img{ display: block; height: 100%; /*max-height: 200px;*/ width: 100%; position: relative; } .insta_image a.image_link { position: relative; display: block; overflow: hidden; width: 100%; } #instagram_static_block { position: absolute; display: block; float: none; width: 100%; height: 100%; top: 0; left: 0; background: #008fc3; max-height: 200px; z-index: 10; } #instagram_static_block a.image_link { color: #fff; position: relative; display: block; height: 100%; } #instagram_static_block a.image_link:hover{ text-decoration: none; } #instagram_static_block a.image_link .wrap_text{ position: relative; padding: 10px; height: 100%; } .insta_hover { position: relative; height: 100%; width: 100%; text-align: center; display: block; } .insta_hover .title { font-size: 1.8rem; font-family: 'pauzaFOT Bold'; line-height: 1.8rem; } .insta_hover .text{ font-size: 1rem; } .insta_hover .insta_arrow{ position: absolute; display: block; margin: 0 auto; height: 36px; width: 36px; border: 1px solid #fff; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; bottom: 25px; left: 50%; margin-left: -18px; } .insta_hover .insta_arrow:after{ position: absolute; content: ""; z-index: 12; top: 11px; left: 13px; height: 14px; width: 9px; background: url(images/small_arrows.png) no-repeat; background-position: -5px -131px; } .insta_hover:hover .insta_arrow{ background: #fff; } .insta_hover:hover .insta_arrow:after{ background-position: -5px -82px; } #static_text { position: relative; display: block; } /* FOOTER ******************/ footer#footer{ position: relative; display: block; background: #efefef; margin-top: 45px; } .home footer#footer{ margin-top: 0; } .footer_widgets_container{ position: relative; display: block; padding: 20px 0; } .footer_widget { position: relative; display: inline-block; float: left; } .footer_widget h3.widget_title { font-size: 1.2rem; color: #024084; font-family: 'pauzaFOT Book'; line-height: 1.2rem; margin-bottom: 15px; } .footer_widget.footer_01{ width: 11%; } .footer_widget.footer_02{ width: 20%; margin-right: 3%; } .footer_widget.footer_03{ width: 20%; margin-right: 3%; } .footer_widget.footer_04{ width: 43%; } .footer ul.social_icons{ width: auto; float: left; } .footer ul.social_icons li.social.fb a{ background-position: -45px -45px; border: 1px solid transparent; box-sizing: content-box; border-radius: 50%; } .footer ul.social_icons li.social.fb:hover a{ background-position: -85px -5px; border: 1px solid #414141; } .footer ul.social_icons li.social.instagram a{ background-position: -85px -45px; border: 1px solid transparent; box-sizing: content-box; border-radius: 50%; } .footer ul.social_icons li.social.instagram:hover a { background-position: -5px -45px; border: 1px solid #414141; } .footer ul.social_icons li.social.youtube a{ background-position: -45px -160px; border: 1px solid transparent; box-sizing: content-box; border-radius: 50%; } .footer ul.social_icons li.social.youtube:hover a { background-position: -125px -85px; border: 1px solid #414141; } .footer ul.social_icons li.social.tripadvisor a{ background-position: -5px -160px; border: 1px solid transparent; box-sizing: content-box; border-radius: 50%; } .footer ul.social_icons li.social.tripadvisor:hover a { background-position:-85px -160px; border: 1px solid #414141 } .footer_widget div#ninja_forms_field_11_div_wrap, .footer_widget div#ninja_forms_field_7_div_wrap{ float: none; width: 100%; } .footer_widget .ninja-forms-form .field-wrap.submit-wrap{ bottom: 0; background-color: #024084; top: auto; } .footer_widget .ninja-forms-form .field-wrap.submit-wrap:hover{ background-color:#032245; } .footer_widget .ninja-forms-form p{ font-size: 1.2rem; color: #024084; font-family: 'pauzaFOT Book'; line-height: 1.2rem; margin-bottom: 15px; } .footer_widget .join_newsletter{ background: transparent; padding: 0; border-radius: 0; } .footer_widget .join_newsletter .ninja-forms-form input[type="text"]{ position: relative; border: 1px solid #024084; background: #efefef; } .footer_widget .content p, .footer_widget .content a, .footer_widget .wrap span, .footer_widget p{ color: #999999; font-size: 1rem; } .footer_widget .wrap{ position: relative; display: inline-block; width: 100%; line-height: 1.2rem; } .footer_widget .wrap span, .footer_widget .wrap a{ position: relative; display: inline-block; } .footer_widget .wrap span.c_label{ float: left; } .footer_widget .wrap span.address{ display: inline; } .footer_widget .wrap span.c_label:after{ content: ":"; position: relative; display: inline-block; color: #999999; margin-right: 5px; } #footer .credits { float: right; } #footer .credits, #footer .credits a, #footer .copyright{ font-size: 0.9rem; color: #666666; } /** Template About ***************************/ .main_column, .sidebar_column{ padding-right: 15px; padding-left: 15px; } /**************/ ul.page_menu{ position: relative; display: block; width: 100%; } ul.page_menu li.menu-item, ul.page_menu li.page-item { font-size: 1.2rem; line-height: 40px; } ul.page_menu li.menu-item.current-menu-item a, ul.page_menu li.page-item.active a, ul.page_menu li.menu-item:hover a, ul.page_menu li.page-item:hover a{ color: #fff; background: #024084; -webkit-border-radius: 4px; -webkit-border-top-right-radius: 40px; -webkit-border-bottom-right-radius: 40px; -moz-border-radius: 4px; -moz-border-radius-topright: 40px; -moz-border-radius-bottomright: 40px; border-radius: 4px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; } ul.page_menu li.menu-item a, ul.page_menu li.page-item a{ position: relative; display: block; text-decoration: none; color: #666666; padding-left: 10px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /** BREADCRUMBS ***************************************/ #breadcrumbs { padding: 14px 0; } #breadcrumbs_path .crumbs .crumb a, #breadcrumbs_path .crumbs .crumb_sep{ font-size: 0.85rem; color: #666666; } #breadcrumbs_path .crumbs .crumb.last a{ color: #999999; cursor: auto; } /************************/ .contacts_widgets { position: relative; display: block; width: 100%; margin: 40px 0; } .contacts_widgets .widget { position: relative; display: inline-block; float: left; width: 31.6%; margin-left: 2.6%; } .contacts_widgets .widget:first-child{ margin-left: 0; } .contacts_widgets .widget .icon { position: relative; display: inline-block; float: left; max-width: 58px; width: 22%; margin-right: 3%; } .contacts_widgets .widget .text { position: relative; display: inline-block; float: right; width: 75%; } .contacts_widgets .widget.widget_contacts ul.social_icons{ display: none; } .contacts_widgets .widget h3.title { font-size: 1.2rem; line-height: 1.2rem; } .widget.widget_open_hours .content p, .widget.widget_open_hours .content span{ font-size: 1rem !important; margin-bottom: 0; } /********************/ .image_boxes_wrapper{ position: relative; display: block; width: 100%; margin-bottom: 30px; margin-top: 95px; } .image_boxes_wrapper .image_box{ position: relative; display: inline-block; float: left; height: 190px; border-radius: 7px; -webkit-appearance: 7px; -moz-appearance: 7px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; z-index: 10; overflow: hidden; } .image_boxes_wrapper .image_box.width_full{ width: 100%; margin-left: 0%; } .image_boxes_wrapper .image_box.width_half{ width: 48.5%; margin-left: 3%; } .image_boxes_wrapper .image_box.width_third{ width: 19.35%; margin-left: 3.4475%; } .image_boxes_wrapper .image_box.width_fourth{ width: 19.542%; margin-left: 3.5%; } .image_boxes_wrapper .image_box:first-child{ margin-left: 0; } .image_boxes_wrapper .image_box a{ position: absolute; top: 0; left: 0; width:100%; height: 100%; z-index: 2; text-decoration: none; color: #fff; font-size: 1.5rem; line-height: 1.5rem; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; border-radius: 4px; -webkit-appearance: 4px; -moz-appearance: 4px; text-align: center; background: rgba(0,0,0,0.6); } .image_boxes_wrapper .image_box:hover a{ background: rgba(0,0,0,0); } .image_boxes_wrapper .image_box:hover a + img{ -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); transform-origin: center center; } .image_boxes_wrapper .image_box img{ height: 100%; width:100%; } /***************/ article h1.post_title{ font-size: 1.5rem; line-height: 1.5rem; font-weight: bold; color: #024084; margin-bottom: 30px; } .sidebar_form { position: relative; margin-top: 20px; } .sidebar_form div#ninja_forms_field_11_div_wrap, .sidebar_form div#ninja_forms_field_7_div_wrap{ float: none; width: 100%; } .sidebar_form .join_newsletter { background: #00838e; } .sidebar_form .ninja-forms-form .field-wrap.submit-wrap{ bottom: 0; top: auto; background-color: transparent; } .sidebar_form .join_newsletter .field-wrap{ margin-top: 10px; } .sidebar_form .join_newsletter .ninja-forms-form input[type="submit"] { background-position: -5px -35px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .sidebar_form .join_newsletter .ninja-forms-form .field-wrap.submit-wrap:hover input[type="submit"] { background-position: -5px -5px; } .sidebar_form .ninja-forms-field-error{ position: absolute; } .ninja-forms-form .ninja-forms-field-error p{ font-size: 0.8rem; line-height: 0.8rem; } /***************/ #page_content .content .gallery .gallery-item{ width: 31.035% !important; margin: 30px 0 0 3.4475%; } #page_content .content .gallery .gallery-item.first{ margin-left: 0; } #page_content .content .gallery .gallery-item .gallery-icon{ height: 200px; margin: 0; } .gallery_popup figure{ max-width: 800px; } .gallery_popup figure img{ padding: 0; border-radius: 7px; } .mfp-bg.gallery_popup { background: rgba(0,0,0,0.9); } .gallery_popup button.mfp-close{ background: url(images/closegallery.png) no-repeat 50% 50%; height: 54px; width:54px; top: -27px; right: -27px; padding: 0; text-indent: 9999px; opacity: 1; } #page_content .content .gallery .gallery-item .gallery-icon a{ position: relative; display: block; height: 100%; z-index: 10; overflow: hidden; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #page_content .content .gallery .gallery-item img{ border: none; height: 100%; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /** ZONES ARCHIVE *******************************************/ .zones_container { position: relative; display: block; width: 100%; margin: 25px 0; } .grid-view { display: inline-block; width: 100%; } .grid-view .grid-item { position: relative; display: inline-block; float: left; width: 25%; padding: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .grid-view .grid-item{ height: 220px; } .grid-view .grid-item.index-4{ float: right; } .grid-view .grid-item.index-4, .grid-view .grid-item.index-5{ height: 440px; } /****************************/ .grid-view.eleven_cols .grid-item.index-4{ float: left; height: 220px; } .grid-view.twelve_cols .grid-item.index-4{ float: left; height: 220px; } .grid-view.twelve_cols .grid-item.index-5{ height: 220px; } /****************************/ .grid-view .grid-item .wrap_img { position: relative; display: block; overflow: hidden; height: 100%; } .grid-view .grid-item .wrap_img img.zoom_in { position: relative; display: block; } .grid-view .grid-item .zone_inner_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .grid-view .grid-item:hover .wrap_img img.zoom_in{ -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); transform-origin: center center; } .grid-view .grid-item a{ position: relative; display: block; height: 100%; padding: 10px; background: rgba(0,0,0,0); } .grid-view .grid-item .details{ position: relative; display: block; width: 100%; } .grid-view .grid-item .small_icon { max-width: 40px; position: relative; display: inline-block; float: left; } .grid-view .grid-item a .zone_name { display: inline-block; float: left; line-height: 40px; margin-left: 10px; color: #fff; text-decoration: none; } /** OUR TEAM *******************************************************/ .team_members_wrapper { position: relative; display: block; width: 100%; } .team_member{ position: relative; display: inline-block; float: left; width: 31.035%; margin: 30px 0 0 3.4475%; } .team_member.first{ margin-left: 0; } .team_member .titles{ position: relative; display: block; padding: 10px 0 0; text-align: center; } .team_member .titles .name { color: #024084; font-size: 1.5rem; line-height: 1.2rem; } .team_member .titles .role { font-size: 1rem; line-height: 1rem; color:#666666; } .team_member .image_box img{ position: relative; display: block; width: 100%; max-width: 270px; max-height: 230px; border-radius: 7px; } /** CONTACTS PAGE ***********************************************/ .contacts_us_details.contacts_widgets{ margin: 0; } .contacts_us_details.contacts_widgets .widget{ float: none; width: 100%; margin-left: 0; margin-bottom: 3rem; } .contacts_us_details.contacts_widgets .widget:last-child{ margin-bottom: 10px; } .contact_form_wrap{ max-width: 370px; width: 100%; } .contact_form_wrap .field-wrap{ margin-bottom: 10px; } .contact_form_wrap input{ height: 40px; } .contact_form_wrap input, .contact_form_wrap select, .contact_form_wrap input:focus, .contact_form_wrap textarea, .contact_form_wrap textarea:focus { max-width: 370px; border-radius: 40px; color: #fff; border: none; padding: 0 15px; line-height: 40px; margin: 0; background-color: #024084; } .contact_form_wrap textarea { height: 100px; } .contact_form_wrap .ninja-forms-form input[type="submit"]{ text-indent: 0; height: auto; width: 100%; background: none; } .contact_form_wrap .ninja-forms-form .field-wrap.submit-wrap { position: relative; display: inline-block; float: right; right: auto; bottom: auto; z-index: 10; background-color: #90bb3e; height: 40px; width: 100%; max-width: 170px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; padding: 0; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .contact_form_wrap .ninja-forms-form .field-wrap.submit-wrap:hover{ background-color: #00662c; } .contact_form_wrap .ninja-forms-form input::-webkit-input-placeholder { color: #fff;} .contact_form_wrap .ninja-forms-form input:-moz-placeholder { /* Firefox 18- */ color: #fff; } .contact_form_wrap .ninja-forms-form input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .contact_form_wrap .ninja-forms-form input:-ms-input-placeholder { color: #fff; } /**************************/ .order_tickets{ position: relative; display: block; width: 100%; max-width: 270px; margin-bottom: 20px; } .order_tickets a.button.order_btn { position: relative; display: block; width: 100%; background-color: #5b9732; text-decoration: none; margin: 0; text-align: left; padding: 0 20px; font-family: 'pauzaFOT Bold'; line-height: 50px; font-size: 1.2rem; border-radius: 5px; } .order_tickets a.button.order_btn:hover{ background: #00662c; } /** FLOATING LOGO ****************************************************/ .above_float_logo{ position: relative; display: block; } .home_float_logo{ position: relative; display: block; width: 100%; position: fixed; top: 730px; z-index: 99; } #floating_logo.fixed{ position: fixed; top: 75px; z-index: 99; } body.admin-bar #floating_logo.fixed{ top: 107px; } #floating_logo .f_logo { position: relative; display: block; /* top: 60%; position: fixed; */ } #floating_logo { position: absolute; top: 240px; z-index: 100; display: block; left: 135px; } .home #floating_logo{ top:740px; } .home #floating_logo.fixed { top: 75px; } #floating_logo .bubble_wrap{ position: relative; opacity: 0; padding-top: 50px; left: -50px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } div#ninja_forms_field_30_div_wrap{ cursor: pointer; } #floating_logo .wrap_for_hover{ position: relative; cursor: pointer; /*position: fixed; top:58%;*/ } #floating_logo .wrap_for_hover.display .bubble_wrap{ opacity: 1; } #floating_logo .bubble_wrap:before{ content: ""; position: absolute; top: 20px; left: 50px; display: block; width: 0; height: 0; border-style: solid; border-width: 0px 0 30px 15px; border-color: transparent transparent #024184 transparent; } #floating_logo .bubbles_messages { width: 194px; height: 120px; color: #fff; background: #024084; border-radius: 35px; padding: 15px; text-align: center; max-height: 120px; overflow: hidden; } #floating_logo .bubble_message{ height: 90px; position: relative; display: block; } #floating_logo .bubble_message a.link { position: absolute; bottom: 0; left: 7px; max-width: 150px; margin: 0 auto; display: block; background-color: #ffc907; width: 100%; height: 30px; border-radius: 30px; text-align: center; color: #024084; font-size: 1.2rem; text-decoration: none; line-height: 30px; } #floating_logo .bubble_message a.link:hover{ background-color: #fff; } #floating_logo .bubble_message .inner{ position: relative; display: block; height: 100%; } /** SINGLE ZONE *********************************************/ .post_skills_container { position: relative; display: block; margin-bottom: 45px; } .zone_skills_title{ display: block; margin-bottom: 20px; } .zone_skills{ position: relative; display: block; width: 100%; } .zone_skills .skill { display: inline-block; float: left; width: 14.5%; margin-left: 2.6%; margin-bottom: 30px; min-height: 61px; } .zone_skills .skill.first{ margin-left: 0; clear:both; } .zone_skills .skill .icon { position: relative; display: inline-block; float: left; width: 33%; margin-right: 4%; } .zone_skills .skill .name { position: relative; display: inline-block; float: right; width: 63%; } .zone_skills .skill a.skill_link { color: #024084; text-decoration: none; font-size: 1rem; position: relative; display: block; cursor: text; } /**********************************/ .zone_facts { position: relative; display: block; background: #008fc3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 3rem; } .zone_facts .wrap_title{ display: block; text-align: center; } .zone_facts .wrap_title .facts_title{ -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .zone_facts .bottom_fact, .zone_facts .fact_slide .wrap_meta{ position: relative; left: auto; bottom: auto; } .zone_facts .bottom_fact{ text-align: right; border: none; padding: 0; z-index: 1; } .zone_facts .bottom_fact .text_holder { display: block; width: 100%; } .zone_facts .bottom_fact .text_holder .text{ padding: 20px 25px; display: inline-block; float: right; width: auto; } .zone_facts .meta_fact .read_more{ display: none; } .zone_facts .meta_fact .name { position: relative; display: inline-block; float: none; width: 100%; margin: 0; text-align: center; } .zone_facts .facts_slider .fact_slide .text{ margin-bottom: 1rem; text-align: center; } .zone_facts .facts_slider .fact_slide .fixed_height_wrap{ height: 93px; } .zone_facts .facts_slider button.slider_arr.arr_next{ bottom: -35px; top: auto; right: 48%; left: auto; z-index: 9999; } .facts_slider button.slider_arr:hover{ opacity: 1; } .facts_slider button.slider_arr:hover{ opacity: 0.5; } .zone_facts .facts_slider button.slider_arr.arr_prev{ bottom: -35px; top: auto; left: 48%; right: auto; z-index: 9999; } .single_facility { display: block; position: relative; background: #efefef; margin-bottom: 30px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; } .single_facility .content p{ line-height: 1.3rem; } .single_facility .post_thumb { position: relative; display: block; height: 100%; } .single_facility .post_thumb img{ position: relative; display: block; } .single_facility .post_thumb.br_right img{ -webkit-border-top-right-radius: 11px; -webkit-border-bottom-right-radius: 11px; -moz-border-radius-topright: 11px; -moz-border-radius-bottomright: 11px; border-top-right-radius: 11px; border-bottom-right-radius: 11px; } .single_facility .post_thumb.br_left img{ -webkit-border-top-left-radius: 11px; -webkit-border-bottom-left-radius: 11px; -moz-border-radius-topleft: 11px; -moz-border-radius-bottomleft: 11px; border-top-left-radius: 11px; border-bottom-left-radius: 11px; } .facilities_wrapper h2.section_title, .facilities_wrapper h3.facility_title { color: #024084; font-size: 1.2rem; margin-bottom: 1.5rem; } .single_facility .wrap_facility_content { position: relative; padding: 28px; height: 100%; } .single_facility .wrap_facility_content .ages { position: absolute; color: #024084; bottom: 28px; left: 28px; } article.facility header{ margin-bottom: 2rem; } article.facility header h1.post_title{ font-size: 3rem; line-height: 3rem; text-align: center; margin-bottom: 0; } article.facility header .floor{ text-align: center; font-size: 1.2rem; line-height: 1.2rem; color: #024084; } /** TEMPLATE EVENT *********************************************/ .post_content{ display: block; width: 100%; } .post_content .post_image { float: right; margin: 0 0 1.5rem 1.5rem; position: relative; display: inline-block; max-width: 470px; } .post_content .post_image.video_item{ width: 100%; } .post_content .post_image .wrap_iframe_video { position: relative; display: block; z-index: 10; } .post_content .post_image .wrap_iframe_video iframe{ width: 100%; } .post_content .post_image.gal_image{ float: none; } .post_content .post_image img{ display: block; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .post_content .post_image.video_item a.play_video:before{ content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-image: url(images/play.png); background-repeat: no-repeat; background-size: auto; background-position: 50% 50%; z-index: 100; } .post_content .post_image.video_item a.play_video:hover img{ opacity: 0.7; } .content ul { list-style-image: url(images/ul_li_ltr.png); } /********************************************/ .meeting_form { position: relative; display: block; width: 100%; background: #024084; padding: 20px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; clear: both; } .meeting_form label { color: #FFF; } .meeting_form p{ color: #fff; margin-bottom: 15px; } @media (min-width: 768px) { .meeting_form .textbox-container, .meeting_form .email-container, .meeting_form .phone-container, .meeting_form .listselect-container { margin-right: 2%; display: inline-block; width:27%; } .meeting_form .submit-container { display: inline-block; width:7%; } .meeting_form#nf-form-73-cont .textbox-container, .meeting_form#nf-form-73-cont .email-container, .meeting_form#nf-form-73-cont .phone-container, .meeting_form#nf-form-73-cont .listselect-container, .meeting_form#nf-form-74-cont .textbox-container, .meeting_form#nf-form-74-cont .email-container, .meeting_form#nf-form-74-cont .phone-container, .meeting_form#nf-form-74-cont .listselect-container { max-width: 170px; } } .meeting_form .field-wrap, .meeting_form .ninja-forms-form .field-wrap.submit-wrap{ position: relative; display: inline-block; float: left; width: 100%; margin-bottom: 0; margin-right: 1.75%; } #ninja_forms_field_21_div_wrap{ width: 31.75%; } .meeting_form .field-wrap input, .meeting_form .field-wrap select{ height: 37px; border-radius: 39px; font-size: 1rem; margin-bottom: 0; } .meeting_form input[type="button"] { padding: 5px 15px; } .meeting_form .ninja-forms-form input::-webkit-input-placeholder { color: #024084;} .meeting_form .ninja-forms-form input:-moz-placeholder { /* Firefox 18- */ color: #024084; } .meeting_form .ninja-forms-form input::-moz-placeholder { /* Firefox 19+ */ color: #024084; } .meeting_form .ninja-forms-form input:-ms-input-placeholder { color: #024084; } .meeting_form .ninja-forms-form .field-wrap.submit-wrap{ padding: 0; width: 19%; margin-right: 0; } .meeting_form .field-wrap.submit-wrap input[type="submit"]{ text-indent: 0; color: #fff; line-height: 39px; width: 100%; background-color: #90bb3e; background-image: none; } .meeting_form .field-wrap.submit-wrap:hover input[type="submit"]{ background-color: #00662c; } .ninja-forms-field-error, .ninja-forms-error-msg, .ninja-forms-field-error p{ color: red; } .ninja-forms-error-msg{ display: none; } /** PAGE SOCIALS *************************************/ .socials_in_page{ position: absolute; display: block; right: 0; top: 0; max-width: 145px; width: 100%; z-index: 10; } ul.page_socials{ position: relative; display: block; width: 100%; } ul.page_socials li{ position: relative; display: inline-block; float: left; height: 33px; width: 33px; margin-left: 4px; } ul.page_socials li:first-child{ margin-left: 0; } ul.page_socials li.soc a{ position: relative; display: block; height: 100%; text-indent: -9999px; background-image:url(images/page_socials.png); background-repeat: no-repeat; } ul.page_socials li.soc a:hover{ opacity: 0.6; } ul.page_socials li.soc.fb a{ background-position: 0px 0px; } ul.page_socials li.soc.gp a{ background-position: -36px 0px; } ul.page_socials li.soc.mail a{ background-position: -72px 0px; } ul.page_socials li.soc.print a{ background-position: -107px 0px; } article header.page_heading.heading_with_icons{ position: relative; display: block; width: 100%; } article header.page_heading.heading_with_icons h1.post_title{ position: relative; display: block; padding-right: 160px; } /** DOWNLOAD FILES *****************************************************/ ul.files_list{ position: relative; display: block; width: 100%; margin: 0 0 1.5rem; padding: 0; list-style-image: none; } ul.files_list li.file { display: inline-block; float: left; width: 43%; height: 40px; margin-bottom: 10px; margin-left: 4%; } ul.files_list li.file.even{ margin-left: 0; } ul.files_list li.file a{ position: relative; display: block; color: #fff; line-height: 40px; text-decoration: none; background-color: #024084; height: 100%; padding: 0 40px 0 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-image: url(images/download_file.png); background-repeat: no-repeat; background-position: 98% 50%; } ul.files_list li.file a:hover{ background-color: #032245; } .download_files_wrapper h3.widget_title{ color: #024084; font-family: 'pauzaFOT Book'; margin-bottom: 10px; } #popup_video{ position: relative; display: block; max-width: 600px; width: 100%; margin: 0 auto; } #popup_video iframe{ position: relative; width: 100%; } .plan_trip_page .zone_skills{ padding-bottom: 35px; border-bottom: 2px solid #ccc; } .posts_related article.related_zone { position: relative; padding: 20px 0; border-bottom: 1px solid #ccc; } article.related_zone .post_thumb { position: relative; float: right; } .plan_trip_page article header.page_heading h1.post_title{ padding-right: 180px; } article.related_zone .post_thumb img, article.related_zone .gallery_images img{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } article.related_zone .gallery_images img{ float: right; } .posts_related .titles{ position: relative; display: block; width: 100%; } .posts_related .titles .icon, .posts_related .titles .text{ position: relative; display: inline-block; float: left; } .posts_related .titles .icon{ width: 16%; margin-right: 4%; } .posts_related .titles .icon a{ position: relative; display: block; } .posts_related .titles .text{ width: 80%; } .posts_related .titles .text .title a { color: #024084; font-size: 1.5rem; text-decoration: none; line-height: 1.5rem; } .posts_related .titles .text .title a:hover{ color: #032245; } .posts_related .titles .text .count_fac{ color: #008fc3; font-size: 1.2rem; } .plan_trip_btn_wrap{ position: absolute; display: block; max-width: 170px; width: 100%; height: 38px; right: 0; top: 0; } .plan_trip_btn_wrap a.plan_trip_btn { position: relative; display: block; color: #fff; background: #024084; text-decoration: none; padding: 0 5px; font-size: 1rem; height: 38px; width: 100%; text-align: center; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; line-height: 38px; } .plan_trip_btn_wrap a.plan_trip_btn:hover, .plan_trip_btn_wrap a.plan_trip_btn:focus{ background: #032245; } #filter_skills_popup .wrap_popup_content{ position: relative; display: block; padding: 10px ; background: #fff; } #filter_skills_popup form#filter_skills{ padding-bottom: 40px; } #filter_skills_popup .mfp-close{ background: #fff; top: -50px; right: 0; opacity: 1; } /***********************************************/ .open_hours_wrapper { position: relative; display: inline-block; float: right; margin: 11px 0 0 0; } .open_hours_wrapper .inner_wrap { position: relative; display: inline-block; width: 100%; height: 36px; } .open_hours_wrapper .inner_wrap .open_close, .open_hours_wrapper .inner_wrap .tickets_status{ position: relative; display: inline-block; height: 36px; float: left; line-height: 36px; } .open_hours_wrapper .inner_wrap .open_close { padding: 0 30px 0 15px; color: #ffd800; font-size: 1rem; background: #00662c; -webkit-border-top-left-radius: 36px; -webkit-border-bottom-left-radius: 36px; -moz-border-radius-topleft: 36px; -moz-border-radius-bottomleft: 36px; border-top-left-radius: 36px; border-bottom-left-radius: 36px; } .open_hours_wrapper .inner_wrap .tickets_status{ border-radius: 36px; font-size: 1.2rem; padding: 3px 20px 0 20px; font-family: 'pauzaFOT Bold'; background: #5b9732; margin-left: -20px; } .open_hours_wrapper .inner_wrap .tickets_update_status{ position: relative; color: #ffd800; font-size: 1rem; background: #00662c; font-family: 'pauzaFOT Book'; border-radius: 36px; padding: 0 20px; margin-left: -20px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .open_hours_wrapper .inner_wrap .tickets_status a{ position: relative; display: block; text-decoration: none; color: #fff; text-align: center; } .open_hours_wrapper .inner_wrap .tickets_status:hover{ background:#69b03a; } #header .float_element .open_hours_wrapper{ float: none; } .float_element.mod { float: right; } #floating_canon{ position: absolute; bottom: -68px; z-index: 100; display: block; right: 18px; } #floating_canon .canon{ background: url(images/canon_eng.png) 50% 50% no-repeat; width: 183px; height: 187px; position: relative; display: block; } .home_main_sidebar ul.social_icons li.social.fb a{ background-position: -85px -5px; } .home_main_sidebar ul.social_icons li.social.instagram a{ background-position: -5px -45px; } .home_main_sidebar ul.social_icons li.social.fb:hover a{ background-position: -85px -85px; } .home_main_sidebar ul.social_icons li.social.instagram:hover a { background-position: -125px -5px; } /*******************************/ ul.language_switcher{ display: inline-block; position: relative; width: 60px; max-height: 70px; margin-top: 15px; } ul.language_switcher li { position: relative; display: none; width: 100%; padding: 0 10px; } ul.language_switcher li i.fa.fa-caret-down{ display: none; } ul.language_switcher li:first-child{ display: block; } ul.language_switcher li:first-child i.fa.fa-caret-down{ display: inline-block; } ul.language_switcher li a { color: #fff; text-decoration: none; line-height: 1.5rem; } ul.language_switcher li i.fa.fa-caret-down { color: #fff; margin-right: 5px; font-size: 15px; } .float_element.lang:hover ul.language_switcher{ background: #fff; border-radius: 4px; } .float_element.lang:hover ul.language_switcher li{ display: block; } .float_element.lang:hover ul.language_switcher li a{ color: #024084; } .float_element.lang:hover ul.language_switcher li i.fa.fa-caret-down { color: #024084; } #footer .ninja-forms-field-error, .home .ninja-forms-field-error{ position: absolute; } body.error404 .wrapper{ overflow: visible; } body.error404 .off-canvas-wrapper{ overflow: visible; } body.error404 .background_404_image{ position: absolute; top: 60px; left:0; z-index: 0; display: block; width: 100%; height: 983px; background-size: cover; background-position: center center; } body.error404 article.error_404 { position: absolute; left: 40%; top: 450px; text-align: center; } body.error404 article.error_404 .content, body.error404 article.error_404 .content p{ color: #fff; font-size: 1.1rem; } article.error_404 .return_home{ position: relative; display: block; } article.error_404 .return_home a { position: relative; display: inline-block; background: #91BB3F; text-decoration: none; padding: 0 20px; border-radius: 40px; height: 40px; min-width: 160px; line-height: 43px; color: #fff; font-size: 1.2rem; } article.error_404 .return_home a:hover{ color: #000; } /*******************************************************/ .icon_wrapper{ position: relative; display: block; } .zone_main_icon { position: absolute; height: 101px; width: 101px; left: 50%; margin-left: -50px; z-index: 1000; top: -50px; } /***************************************/ @media print { .page-break { display: block; page-break-before: always;} .entry-author-link, .entry-permalink, .entry-date, .entry-meta { display: none !important; } #header, #page_banner, .sidebar_column, .meeting_form, #footer{ display: none !important; } #page_content{ width: 100% !important; } a[href]:after { content: none !important; } } nav.main_menu ul > li > a > img { position: absolute; display: none; } span.parent_image_holder { background-repeat: no-repeat; background-position: 0 0; width: 100%; /* max-width: 376px; */ max-width: 477px; display: block; position: absolute; z-index: 9999; height: 200px; background-size: cover; top: 0; left: 0; } #header .logo { width: 90px; height: 58px; } .main_clickable_logo { cursor: pointer; position: absolute; top:0; right: 0; height: 100%; width: 100%; z-index: 999; } .main_clickable_logo a{ display:block; position:absolute; top:0; left:0; height:100%; width:100%; } div.zone_name { font-size: 130%; } /** Accessible Poetry CSS Changes **/ #acp-toggle-toolbar { top: 90px !important; left: 30px !important; right: auto !important; } div#acp-toolbar { left: 30px !important; right: auto !important; Z-index: 999999 !important; } #acp-toolbar-close { z-index: 9999 !important; } /** End of Accessible Poetry CSS Changes **/ .home_section { margin-bottom: 10px; } section#home_zones_section { margin-bottom:0; } .zone_icon { height: 155px; } .tickets_update_status { display:none; } /***Taki***/ #sidebar > div > ul > li.page-item.page-item-2450 { display:none; } .page-template-template-taki #floating_logo { top: 481px; } .taki_tickets > .order_tickets { display:none; } .page-template-template-taki .order_tickets { display:none; } .page-template-template-taki .taki_tickets > .order_tickets { display:block; } .page-template-template-taki #text_icl-3, .page-template-template-taki #text_icl-4 { display:none; } .home_facts_wrapper.taki_facts_wrapper { width: 100%; height:300px; } .page-template-template-taki.page-id-2392 h1.post_title { display:none; } .page-template-template-taki .open_hours_wrapper { display:none; } .taki_menu a:hover { border-color: #00838e; background-color: #00838e; } @media screen and (max-width:480px) { .taki_tickets_button { width:100%; position: fixed; bottom: 0px; z-index: 9999999999999999; background: #FFFFFF; padding:0; text-align: center; left: 0px; } .taki_tickets_button > a > img { margin:0 auto !important; } .page-template-template-taki .post_image.image_item { display:none; } .widget_open_hours, .widget_contacts, .widget_open_hours { display:block !important; width:100% !important; margin:0 auto !important; } .home_facts_wrapper.taki_facts_wrapper { height: 200px !important; } .ninja-forms-field-error { color:#FFFFFF !important; } } /***Taki***/ /*.open_close { display:none !important; }*/ /*****ZONES HTML TEMPLATES*****/ .page-id-2645 header, .page-id-2642 header, .postid-2619 header, .postid-2620 header, .postid-2621 header, .postid-2622 header, .postid-2623 header, .postid-2624 header, .postid-2625 header, .postid-2626 header, .postid-2627 header, .postid-2628 header, .page-id-3225 header { display: none !important; } .page-id-2645 #page_banner, .page-id-2642 #page_banner, .postid-2619 #page_banner, .postid-2620 #page_banner, .postid-2621 #page_banner, .postid-2622 #page_banner, .postid-2623 #page_banner, .postid-2624 #page_banner, .postid-2625 #page_banner, .postid-2626 #page_banner, .postid-2627 #page_banner, .postid-2628 #page_banner, .page-id-3225 #page_banner { padding-top: 0 !important; } .postid-2619 #acp-toggle-toolbar, .postid-2620 #acp-toggle-toolbar, .postid-2621 #acp-toggle-toolbar, .postid-2622 #acp-toggle-toolbar, .postid-2623 #acp-toggle-toolbar, .postid-2624 #acp-toggle-toolbar, .postid-2625 #acp-toggle-toolbar, .postid-2626 #acp-toggle-toolbar, .postid-2627 #acp-toggle-toolbar, .postid-2628 #acp-toggle-toolbar, .page-id-3225 #acp-toggle-toolbar { display: none !important; } .page-id-2645 .crumbs, .page-id-2642 .crumbs, .postid-2619 .crumb.home, .postid-2620 .crumb.home, .postid-2621 .crumb.home, .postid-2622 .crumb.home, .postid-2623 .crumb.home, .postid-2624 .crumb.home, .postid-2625 .crumb.home, .postid-2626 .crumb.home, .postid-2627 .crumb.home, .postid-2628 .crumb.home, .page-id-3225 .crumb.home { display: none !important; } .postid-2619 .facts_container, .postid-2620 .facts_container, .postid-2621 .facts_container, .postid-2622 .facts_container, .postid-2623 .facts_container, .postid-2624 .facts_container, .postid-2625 .facts_container, .postid-2626 .facts_container, .postid-2627 .facts_container, .postid-2628 .facts_container, .page-id-3225 .facts_container { display: none !important; } .page-id-2645 footer, .page-id-2642 footer, .postid-2619 footer, .postid-2620 footer, .postid-2621 footer, .postid-2622 footer, .postid-2623 footer, .postid-2624 footer, .postid-2625 footer, .postid-2626 footer, .postid-2627 footer, .postid-2628 footer, .page-id-3225 footer { display: none !important; } .page-id-2645 .join_newsletter, .page-id-2642 .join_newsletter { display: none !important; } .page-id-2645 .order_tickets, .page-id-2642 .order_tickets { display: none !important; } .page-id-2645 .image_boxes_wrapper { display: none !important; } .page-id-2645 .page_top_banner, .page-id-3225 .page_top_banner { display: none !important; } .page-id-3225 #breadcrumbs_path { display: none !important; } .page-id-3225 .sidebar_widgets { display: none !important; } .page-id-3225 .contacts_us_details.contacts_widgets { display: none !important; } /*****ZONES HTML TEMPLATES*****/ html[lang="en"] .wrap_submit i.fa.fa-chevron-left { right: 13px !important; left: auto !important; transform: rotate(180deg); } html[lang="en"] .grid-view .grid-item.index-11 .zone_name { color: #000; } .page-id-2951 .post_content .post_image { display: none; } @media screen and (min-width:480px) { nav.main_menu ul ul.sub-menu li a:hover img.menu-image { /* right: 175px !important; max-width: 380px !important; width: 100% !important; */ /* height:100%; */ left: 0 !important; max-width: 477px !important; width: 100% !important; height: 100%; right: auto; } .ninja-forms-field-error { margin-top: 35px; } } .open_hours_wrapper .inner_wrap .open_close { display:none !important; } @media screen and (max-width:480px) { .off-canvas-wrapper { position: fixed; top: 0; right:0; bottom:0; left: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; } } .home_news_slider { margin:20px 0 !important; } .latest_article .title { margin-top:20px; } /*fixed css*/ .ar_lang section#home_zones_section { margin-bottom: 0px; } .ar_lang .zone_icon a .title { color: #024084; font-size: 0.9em; margin-top: 5px; } .ar_lang .facts_title { font-size: 1.3em; } .ar_lang .facts_slider .fact_slide .text { font-size: 0.9em; } .ar_lang .widget h3.title { font-size: 1em; } .ar_lang .content h3 { font-size: 1em; } .ar_lang .footer_widget h3.widget_title { font-size: 1em; } .ar_lang .footer_widget .wrap span { font-size: 0.9em; } .ar_lang article h1.post_title { font-size: 1em; } .ar_lang article .content p { font-size: 0.8em; } .ar_lang #filter_skills .wrap_submit { left: 0; right: auto; left: 0; right: 72%; position: relative; top: -25px; } .ar_lang .widgets_inner_wrapper { position: relative; display: block; top: -210px; padding: 0 15px 15px 15px; } .ar_lang .image_boxes_wrapper { margin-top: 25px; } /*אפליקציה שינויים CSS*/ .page-id-2645 .sidebar_column { display: none; } .page-id-768 #sidebar { display: none; } @media (min-width:1000px) and (max-width:1200px) { .open_hours_wrapper .inner_wrap .tickets_status { padding: 0px 13px 0 13px; } .open_hours_wrapper .inner_wrap .tickets_status a { font-size: 14px; } nav.main_menu ul > li > a { font-size: 1rem !important; } } .nf-field-label { margin-bottom: 0 !important; } .contact_form_wrap .field-wrap.submit-wrap { flex-direction: row-reverse !important; } .nf-form-cont ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #FFFFFF !important; } .nf-form-cont ::-moz-placeholder { /* Firefox 19+ */ color: #FFFFFF !important; } .nf-form-cont :-ms-input-placeholder { /* IE 10+ */ color: #FFFFFF !important; } .nf-form-cont :-moz-placeholder { /* Firefox 18- */ color: #FFFFFF !important; } .gift-card { margin: 20px 0; background-color: #32A1B2; border-radius: 8px; text-align: center; } .gift-card a { color: #040708; font-weight: bold; text-decoration: none; padding: 10px 20px; width: 100%; display: block; } .gift-card a span.yellow-color { color: #F7B21F; } @media(min-width:768px) { .gift-card { position: fixed; top: 45%; left: -38px; transform: rotate(-90deg); border-radius: 0px 0px 8px 8px; padding-top: 15px; } .gift-card a { color: #040708; } } .waze-content svg { height: 30px; width: 100%; pointer-events: none; } @media screen and (max-width:480px) { body.page-template-template-buy_tickets .post_content .post_image{ margin: 0 0 20px; } body.page-template-template-buy_tickets table{ width: 100% !important; } .float_element.mod{ height: 58px; display: flex !important; align-items: center; } .waze-content svg{ width: 40px; display: block; } .menu-item a img{ width: 80%; display: block; } .sub-menu .menu-image-title::before{ content: '›'; margin-inline-end: 10px; } } iframe{ max-width: 100%; }