/* CSS Document */ /* Theme Name: Editheme Theme URI: http://edinet.info/ Description: Edinet.info Version: 1.0 Author: Lorenzo Scarfì */ @import "/wp-content/themes/editheme/css/font-awesome.min.css"; * { margin: 0px; padding: 0px; border: 0px; line-height: 22px } html, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, /img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, p, ul, li, h1, h2, h3 { margin: 0; padding: 0; border: 0; outline: 0; height:100%; vertical-align: baseline; background: transparent; } .clr { clear: both } img { display: block } body { border-top: 1px solid #FFF; } h1, h2, h3, h4, h5, h6, h7, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a { color: #5C5C5C; font-weight: 600 } p, ul, li, ol, td, th, #wrap-header nav li, .link-offerte, #webwid td, #wrap-header .guarda-hotels { color: #5C5C5C; font-family: 'Lato', sans-serif; font-size: 16px; } a { color: #6FA8D6; text-decoration: none; } a:hover { color: #006ab3; text-decoration: none; } .fb_iframe_widget { display: inline-block; position: relative; background: #FFF !important; height: 67px; } #slide-home { height: auto; } #slide-page { width: 100%; } a.leggi-tutto, #wrap-header nav li a, a p.home_lower_block_flag, .post_desc h3.thumb a, .post_thumb a img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .fb a img { width: 30px; height: 30px; float: right; margin: 32px 0px; margin-right: -93px; position: relative; } @media only screen and (min-width : 0px) and (max-width:767px) { #slide-home { display: none; } .fb a img { width: 30px; height: 30px; float: none!Important; margin: 0px auto; position: relative; } } /* #GMAP ================================================== */ #gmap { height: 300px } /* categoria =============================================*/ .entry-news { margin: 0px 20px; } .post_thumb { margin-bottom: 30px; border-radius: 2px; float: left; width: 100%; } .post_desc { position: relative; height: 152px; overflow: hidden; } .post_desc { padding: 0; } .excerpt { font-size: 15px; line-height: 16px; } .post_thumb a img { width: 100%; height: auto } .post_thumb a:hover img { -webkit-filter: brightness(1.2); } .post_desc h3.thumb { font-family: 'Lato'; font-size: 24px; text-decoration: none; margin: 15px 0px !important; } .post_desc h3.thumb a { text-decoration: none; color: #006ab3; } .post_desc h3.thumb a:hover { text-decoration: none; color: #6FA8D6; } .post_desc .more { font-size: 12px; padding: 10px 0; margin: 10px 0; border-top: 1px solid #EFEFEF; } .leggi-tutto { font-family: 'Lato'; margin: 20px 0; float: left; background: #FFF; padding: 8px; color: #006AB3!important; text-transform: uppercase; text-decoration: none!important; font-size: 15px; width: 100%; text-align: center; border: 1px solid; } a:hover.leggi-tutto { background-color: #006AB3; color: #FFF!important } .page-title-cat { font-family: 'Lato'; font-size: 36px; text-transform: lowercase; text-align: left; margin: 0; padding: 0 20px 0px 0; color: #006ab3; line-height: 1.05; } a.thumb.ilightbox { float: left; margin: 10px 30px 0px 54px; } @media (max-width: 767px) { .page-title-cat h1 { height: auto; padding: 0px 10px; } } /* Checkbox Form =============================================*/ .checkbox-form { background-color: #006ab3; min-height: 170px; background-position: top; background-repeat: no-repeat; background-image: url(img/water_texture.jpg); margin-top: 5px; position: relative; } @media only screen and (min-width : 0px) and (max-width:767px) { .checkbox-form { min-height: 480px; } } .checkbox-form h3 { display: inline-block; color: #FFF; font-weight: 400; font-family: 'Lato', sans-serif; text-align: center; font-size: 24px; text-transform: uppercase; vertical-align: sub; } /* CSS for jquery.fancyform.js */ @import '../font/font-awesome.css'; /* CSS for jquery.fancyform.js */ /*custom mixins */ /*end custom mixins */ /* Control Holder */ #bookingForm { position: relative; width: 100%; margin: 38px 0; font: 13px/17px 'lato'; } #bookingForm input, #bookingForm textarea { outline: none; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 0px #ccc solid; color: #464646; background: #fff; padding: 18px 10px 18px 22px; line-height: 15px; width: 100%; height: 53px; } #bookingForm input::-webkit-input-placeholder { color: #464646; } #bookingForm input:-moz-placeholder { color: #464646; } #bookingForm textarea { height: 53px; resize: none; font: 13px/17px 'lato'; } #bookingForm .bf-Btn { display: inline-block; /*float: right;*/ width: 8%; height: 100%; position: relative; } #bookingForm .bf-Btn .btn-primary.btn-submit { -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; /*position: absolute;*/ left: 0; top: -39px; display: inline-block; width: 100%; border: 1px solid #ccc; background: #d9534f; text-align: center; padding: 18px 0 17px; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 18px; line-height: 18px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #bookingForm .bf-Btn a:hover { background: #fff; color: #272727; text-decoration: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #calltoaction { display: inline-block; margin: 15px 0 0 15px; } #calltoaction .btn.btn-danger { font-size: 20px; } #calltoaction .btn-primary.btn-submit { padding: 10px!important; margin-left: 15px; } #calltoaction .btn-primary.btn-submit a { /*padding: 12px 15px!important;*/ line-height: 25px!important; } #calltoaction .btn-primary.btn-submit a i { font-size: 30px; color: #FFFFFF; } #bookingForm #calltoaction.bf-Btn a:hover { background: transparent; } #bookingForm #calltoaction.bf-Btn a:hover i { color: #ff4d4d; } .controlHolder { position: relative; margin: 0 1.7094017094017094017094017094017% 20px 0; display: block; float: left; width: 15%; } .controlHolder select.required { position: relative; margin: 0 1.7094017094017094017094017094017% 20px 0; display: block; float: left; width: 100%; padding: 17px; } /* Messages */ .error-message { position: absolute; top: 4px; right: 2px; font-weight: normal; text-align: right; width: 100%; font-size: 10px; line-height: 1em; color: gray; z-index: 4; color: #fe5353; } .success-message { position: relative; text-align: left; color: gray; margin: 16px -2px 0px 1px; color: #000; background: #fff; } /* transformSelect CSS */ /* 1st type of select */ .tmSelect, .tmSelect2 { clear: both; width: 100%; margin: 0px; } .tmSelect li, .tmSelect2 li { position: relative; list-style: none; } .tmSelect span, .tmSelect2 span, .tmSelect input[type=text], .tmSelect2 input[type=text] { position: relative; cursor: pointer; display: block; left: 0; top: 0; margin: 0; } .tmSelect:after, .tmSelect2:after { content: ''; position: absolute; top: 17px; right: 25px; font: normal normal 18px/18px 'FontAwesome'; color: #464646; z-index: 4; } .tmSelect.auto, .tmSelect2.auto { position: relative; cursor: pointer; padding: 0; margin: 0; line-height: 20px; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 0px #ccc solid; color: #464646; background: #fff; font: 13px/17px 'lato'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tmSelect.auto span, .tmSelect2.auto span { background: transparent; } .tmSelect.auto ul, .tmSelect2.auto ul { margin: 1px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background: #f9f9f9; } .tmSelect.auto > li:first-child > span, .tmSelect2.auto > li:first-child > span { padding: 18px 10px 18px 30px; width: 100%; height: 53px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tmSelect ul, .tmSelect2 ul, .tmSelect .transformSelectDropdown, .tmSelect2 .transformSelectDropdown { position: absolute; width: 100%; max-height: 210px; padding: 7px 0px; margin: 0px; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 0px #ccc solid; color: #464646; background: #fff; font: 13px/13px 'lato'; border-top: none; border-top-left-radius: 0px; border-top-right-radius: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: none; background: #f9f9f9; z-index: 10; } .tmSelect ul span, .tmSelect2 ul span, .tmSelect .transformSelectDropdown span, .tmSelect2 .transformSelectDropdown span { border: 0; color: #000; padding: 5px 13px; } .tmSelect ul span:hover, .tmSelect2 ul span:hover, .tmSelect .transformSelectDropdown span:hover, .tmSelect2 .transformSelectDropdown span:hover { background: #ccc; } .tmSelect ul li input[type=checkbox], .tmSelect2 ul li input[type=checkbox] { position: relative; top: 2px; margin: 0 5px 0 0; cursor: pointer; } /* 2nd type of select */ .tmSelect2:after { content: ''; } /* Radio */ .trans-element-radio { display: inline-block; display: block; zoom: 1; width: 15px; height: 15px; cursor: pointer; } .tmRadio { padding-left: 0; } .tmRadio p { padding-bottom: 0; margin-bottom: 0; } .tmRadio p { padding-bottom: 0; margin-bottom: 3px; } .tmRadio input { margin-right: 5px; } .tmRadio .unchecked, .tmRadio .checked { position: relative; cursor: pointer; margin-right: 10px; } .tmRadio .unchecked:after, .tmRadio .checked:after { content: '\f10c'; position: relative; top: 2px; font: normal normal 18px 'FontAwesome'; color: #464646; } .tmRadio .checked:after { content: '\f05d'; } /* Checkbox */ .trans-element-checkbox { cursor: pointer; zoom: 1; } .trans-element-checkbox span { padding-left: 40px; } .trans-element-checkbox.checked:after { content: '\f046'; } .trans-element-checkbox:after { content: '\f096'; position: relative; display: inline-block; top: 2px; width: 17px; font: normal normal 18px 'FontAwesome'; color: #464646; } .trans-element-checkbox.unchecked:after { content: '\f096'; } .tmCheckbox, .tmRadio { margin-left: 0; padding-left: 0; padding: 0; } .tmCheckbox span, .tmRadio span { position: relative; margin-right: 10px; } /* Datepicker */ .tmDatepicker { position: relative; display: block; top: 0; left: 0; right: 0; bottom: 0; vertical-align: top; } .tmDatepicker:after { content: '\f073'; position: absolute; right: 42px; top: 17px; font: normal normal 18px/18px 'FontAwesome'; color: #464646; z-index: 4; } .tmDatepicker:before { content: ''; position: absolute; right: 20px; top: 18px; font: normal normal 18px/18px 'FontAwesome'; color: #464646; z-index: 4; } .ui-datepicker { padding: 10px; width: 300px; font-size: 13px; display: none; z-index: 100 !important; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 0px #ccc solid; color: #464646; background: #fff; background: #f9f9f9; } .ui-datepicker a { color: #777; } .ui-datepicker a:hover { color: #000; text-decoration: none; } .ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; float: left; } .ui-datepicker-next { float: right; } .ui-datepicker-title { text-align: center; } .ui-datepicker-calendar { margin: 10px 11px; } .ui-datepicker-calendar td { padding: 1px 10px; text-align: center; } .ui-datepicker-calendar .ui-datepicker-current-day, .ui-datepicker-calendar .ui-datepicker-today { -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding: 6px 15px; border: 1px #ccc solid; background: #272727; color: #fff; font-weight: normal; padding: 3px; } .ui-datepicker-calendar .ui-datepicker-current-day:hover, .ui-datepicker-calendar .ui-datepicker-today:hover { background: #fff; color: #272727; } .ui-datepicker-calendar .ui-datepicker-today { border-color: #fff; background: #D0D0D0; } button.ui-state-default { border: none; padding: 3px 7px; font: 13px/13px 'lato'; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding: 6px 15px; border: 1px #ccc solid; background: #272727; color: #fff; font-weight: normal; } button.ui-state-default:hover { background: #fff; color: #272727; } .ui-datepicker-close { float: right; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } @media only screen and (max-width: 1169px) { #bookingForm .bf-Btn { display: inline-block; /*float: right;*/ width: 60px; } } @media only screen and (max-width: 767px) { .controlHolder { width: 100%; } .tmSelect.auto, .tmSelect2.auto { margin: 0; } .controlHolder { margin: 0 0 20px; } .bf-Btn { min-height: 80px; width: 48%!important; } #bookingForm .bf-Btn a { top: 0; } } /*================================ Start WP ================================*/ .aligncenter { display: block; margin: 10px auto } .alignleft { float: left; margin: 0px 30px 0px 0 } .alignright { float: right; margin: 0px 0px 30px 0 } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 0.5em; line-height: 17px; padding: 0 4px 5px; margin: 0; } .more-link { display: block; text-align: right; margin: 20px 0; color: #0E3A1D; font-weight: bold } .pagetitle { font-size: 0.9em; font-weight: normal; color: #666 } .nocomments { display: none } .pulsante { cursor: pointer; position: absolute } .linklove { display: none } .marker { overflow: hidden; height: 50px } .marker * { font-size: 13px } .read-more { text-align: right } /*================================ Effects and Animiations ================================*/ #wrap-header #wrap-lang li, #wrap-scorci li *, .play-icon, .wrap-play-icon span { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; } #wrap-homepage-content #wrap-scorci span { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7); } #wrap-scorci li .white { background: #FFF; position: absolute; right: 87px; height: 20px; width: 100px; bottom: 0; } #wrap-header a { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #cont_0e37c88687ff0c9244318138dbf65b39 { margin: 30px 0 0 0; } .page-id-7 .col-md-8 { width: 100% !important } /*================================ Start Header ================================*/ #wrap-header { margin-top: 20px; position: absolute; z-index: 99; width: 100%; height: 150px; background-color: rgba(255, 255, 255, 0.7); } @media only screen and (max-width: 767px) { #wrap-header { position: relative; margin-bottom: 20px; } } .non-home #wrap-header { position: relative; top: inherit; margin: 20px 0 0 0; background-image: url(img/background-header-02.png) !important; /*background-color: rgba(225, 215, 190, 0.6)!important; */ } #wrap-header h1#logo { position: absolute; } #wrap-header nav { position: absolute; left: 235px } #wrap-header nav li { display: block; float: left } #wrap-header nav li a { display: block; color: #006ab3; font-weight: bold; text-transform: uppercase; font-size: 19px; padding: 3px 8px; text-decoration: none; } #wrap-header nav li a:hover { color: #6FA8D6 /*#3493de*/; } #wrap-header .guarda-hotels { right: 0; top: 107px; position: absolute; background: #334a28; padding: 4px 10px; color: #FFF; } #wrap-header .guarda-hotels:hover #wrap-partner { display: block } #wrap-header nav .sub-menu { display: none} #wrap-header nav li:hover .sub-menu { display: block; position: absolute; width: 175px} #wrap-hotels li { list-style: none; display: block; } #wrap-partner { background: #b6a973; position: absolute; padding: 10px; width: 350px; top: 140px; right: 0; display: block; } #wrap-partner li a { display: block; color: #FFF; padding: 10px; background: #C3B98C; margin: 0 0 5px 0; } #wrap-partner li a:hover { background-color: #d5ca99; text-decoration: none } #wrap-top-menu-it { position: absolute; top: 65px; } #wrap-top-menu-en { position: absolute; top: 65px; } #wrap-top-menu-fr { position: absolute; top: 65px; } #wrap-top-menu-de { position: absolute; top: 65px; } #wrap-main-menu { position: absolute; top: 113px } #wrap-top-menu-en #navigation.menu li a { font-size: 19px; padding: 3px 15px 3px 0; } #wrap-top-menu-fr #navigation.menu li a { font-size: 19px; padding: 3px 13px 3px 0; } #wrap-top-menu-de #navigation.menu li a { font-size: 19px; padding: 3px 15px 3px 0; } #wrap-header .fb-icon, #wrap-header .tw-icon { width: 43px; height: 43px; position: absolute; right: 199px; top: 2px; } #wrap-header .main-header { height: 118px } #wrap-header .main-header h1 { margin: 0 } #wrap-header .main-header .logo { height: 58px; padding: 30px 0 } #wrap-header #wrap-lang { position: absolute; right: 10px; top: 7px; z-index: 999; } #wrap-header #wrap-lang li { width: 38px; height: 38px; display: block; float: left; margin: 0 10px 0 0; background: url(img/bg-circle.png) } #wrap-header #wrap-lang li:hover { margin: -5px 10px 0 0; opacity: 0.8 } #wrap-header #wrap-lang li a { display: block; height: 38px; line-height: 38px; font-size: 11px; font-style: normal; text-transform: uppercase; text-decoration: none; color: #ffffff; text-align: center; font-weight: normal; z-index: 150; } .inner-wrapper { max-width: 1000px; margin: 0 auto; padding: 0 20px; } #top_header { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; width: 100%; z-index: 410; } #top_header.fixed { position: fixed; top: 0; width: 100%; background: #FFF; border-bottom: 1px solid #000 } .admin-bar #top_header.fixed { top: 28px } #top_header .main_navbar { color: white; } #top_header .main_navbar > ul { margin: 0; padding: 0; } #top_header .main_navbar > ul > li { margin-left: -4px; display: inline-block; text-align: center; } #top_header .main_navbar > ul > li > a { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; text-decoration: none; padding: 20px 10px; display: block; font-size: 12px; color: #006ab3; text-transform: uppercase } .main_navbar > ul > li > a:hover, .current-menu-item a { background: #2D7CBB; color: #FFF !important; padding: 3px 8px !important; margin: 0 8px 0 0 } .togle_menu_mobile a { color: #FFF !important } #top_header .main_navbar .dropdown .caret { border-bottom: 4px solid #666; } #top_header .main_navbar .dropdown .dropdown-menu { background-color: rgba(0, 0, 0, 0.5); margin: -1px 0 0; padding: 0; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; } #top_header .main_navbar .dropdown .dropdown-menu li { text-align: left; } #top_header .main_navbar .dropdown .dropdown-menu li a { font-size: 14px; color: #FFF; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; padding: 10px; font-weight: 300; } #top_header .main_navbar .dropdown .dropdown-menu li a:hover { background: #F0F0F0; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background: #ff8000 } #wrap-header .link-offerte { position: absolute; right: 0; text-transform: uppercase; top: 110px; background: #FFBB0D; color: #FFF; padding: 2px 6px; display: block } #wrap-header .link-offerte:hover { text-decoration: none } #menu-item-185 a { background: #b72427 url(img/arrow.png) 90% 50% no-repeat; padding: 3px 25px 3px 8px !important; color: #FFF !important } #wrap-header .line { border-bottom: 1px solid #EECEA4; position: absolute; top: 92px; right: 0; background: #CCC; z-index: 999; width: 82%; 0 } .play-icon { position: absolute; z-index: 99; bottom: 50px; left: 43% } .play-icon:hover { bottom: 70px } .wrap-play-icon span { position: absolute; z-index: 99; display: block; padding: 0; width: 310px; text-align: center; font-size: 18px; bottom: -90px; left: -40px; height: 0; background: #FFF } .wrap-play-icon:hover span { bottom: -40px; height: 30px; padding: 5px 10px; } #topbar { height: 40px; margin: 0 auto } .header-menu-lang { float: right; width: 110px; position: relative; /*margin-right: 170px;*/ margin-right: 34px; margin-top: 5px } .header-menu-lang li { display: inline; list-style: none; padding-bottom: 15px; } .header-menu-lang li a { font-size: 12px; text-transform: uppercase; color: #006ab3; text-decoration: none; margin: 3px 9px; } .header-menu-lang li a:hover { font-size: 12px; text-transform: uppercase; color: #006ab3; text-decoration: none; margin: 0px 3px; } .header-menu-lang li.current { font-size: 12px; text-transform: uppercase; background: #D5EDFF; color: #006ab3; text-decoration: none; padding: 8px /*margin: 0px 3px;*/ } .contatti p { margin: 10px 0px 10px 60px } .numero_persone label { color:#5c5c5c !important; display:inline-block; width:78px; font-weight:normal; } .numero_persone select { width:58% !important; } /* Import Skins */ @import url('../css/metro-black-skin/skin.css'); /* Reset Styles */ .ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social * { float: none; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; line-height: 100%; vertical-align: baseline; background: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -o-user-select: none; user-select: none; } .ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); } /* Disable & Hide Scrollbar */ .ilightbox-noscroll { overflow: hidden; } .ilightbox-closedhand * { cursor: url(closedhand.cur), default !important; } .ilightbox-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; } .ilightbox-loader { position: fixed; z-index: 100005; top: 45%; left: -192px; padding-left: 30px; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0; } .ilightbox-loader div { width: 72px; height: 72px; -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0; } .ilightbox-loader.horizontal { left: 45%; top: -192px; padding: 0; padding-top: 30px; -webkit-border-radius: 0 0 100px 100px; border-radius: 0 0 100px 100px; } .ilightbox-loader.horizontal div { -webkit-border-radius: 0 0 100px 100px; border-radius: 0 0 100px 100px; } .ilightbox-toolbar { display: none; position: fixed; z-index: 100010; } .ilightbox-toolbar a { float: left; cursor: pointer; } .ilightbox-toolbar .ilightbox-prev-button, .ilightbox-toolbar .ilightbox-next-button { display: none; } .ilightbox-thumbnails { display: block; position: fixed; z-index: 100009; } .ilightbox-thumbnails.ilightbox-horizontal { bottom: 0; left: 0; width: 100%; height: 100px; } .ilightbox-thumbnails.ilightbox-vertical { top: 0; right: 0; width: 140px; height: 100%; overflow: hidden; } .ilightbox-thumbnails .ilightbox-thumbnails-container { display: block; position: relative; } .ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container { width: 100%; height: 100px; } .ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container { width: 140px; height: 100%; } .ilightbox-thumbnails .ilightbox-thumbnails-grid { display: block; position: absolute; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail { display: block; cursor: pointer; padding: 10px; position: relative; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img { width: 100%; height: 100%; -webkit-border-radius: 2px; border-radius: 2px; -ms-interpolation-mode: bicubic; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .7; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover { opacity: 1; } .ilightbox-holder { display: none; position: fixed; z-index: 100003; -webkit-transform: none; -moz-transform: none; } .ilightbox-holder.ilightbox-next, .ilightbox-holder.ilightbox-prev { cursor: pointer; } .ilightbox-holder div.ilightbox-container { position: relative; width: 100%; height: 100%; } .ilightbox-holder img.ilightbox-image { width: 100%; height: 100%; } .ilightbox-holder .ilightbox-container .ilightbox-caption { display: none; position: absolute; left: 30px; right: 30px; bottom: 0; max-width: 100%; padding: 5px 10px; margin: 0 auto; font-size: 12px; line-height: 150%; word-wrap: break-word; z-index: 20003; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .ilightbox-holder .ilightbox-container .ilightbox-social { display: none; position: absolute; left: 10px; top: 10px; padding: 5px; padding-left: 0; z-index: 20003; height: 16px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul { float: left; list-style: none; height: 16px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li { display: inline; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li a { float: left; margin-left: 5px; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 50%; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a { background-image: url('../social_icons/facebook_16.png'); } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.digg a { background-image: url('../social_icons/digg_16.png'); } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a { background-image: url('../social_icons/twitter_16.png'); } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.delicious a { background-image: url('../social_icons/delicious_16.png'); } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.reddit a { background-image: url('../social_icons/reddit_16.png'); } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a { background-image: url('../social_icons/google_plus_16.png'); } .ilightbox-holder .ilightbox-alert { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; padding-top: 100px; margin: auto; width: 300px; height: 50px; } .ilightbox-holder .ilightbox-wrapper { width: 100%; height: 100%; overflow: auto; } .ilightbox-holder .ilightbox-inner-toolbar { position: relative; z-index: 100; } .ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar { position: absolute; } /* Style arrow buttons */ .ilightbox-button { position: fixed; z-index: 100008; cursor: pointer; } /* Style mobile devices */ .isMobile .ilightbox-button, .isMobile .ilightbox-thumbnails { display: none !important; } .isMobile .ilightbox-toolbar .ilightbox-prev-button, .isMobile .ilightbox-toolbar .ilightbox-next-button { display: block; } /*================================ Homepage ================================*/ #wrap-featured-box { padding: 30px 0;/* border-bottom: 1px solid #6fa8d6 */ } #wrap-featured-box ul { display: table; width: 100% } #wrap-featured-box ul li { display: block } #wrap-featured-box ul li:hover { opacity: 0.8 } #wrap-featured-box ul li h2 { background: rgb(144, 130, 114); opacity: 0.9; color: #FFF; font-weight: normal; padding: 2%; overflow: hidden; width: 93%; top: 0; position: absolute; font-family: 'Georgia'; } #wrap-featured-box ul li h3 { background: #ad9d8b; opacity: 0.9; color: #392f24; font-weight: normal; padding: 10px; overflow: hidden; height: 55px; margin: -20px 0 0 0; position: relative; font-family: 'Georgia'; } #wrap-featured-box ul li a { text-decoration: none; text-transform: uppercase } #wrap-homepage-content { padding: 40px 0; /*border-bottom: 1px solid #6fa8d6;*/ display: table; width: 100%; text-align: center } #wrap-homepage-content .fb-box01.varigotti { background: url(img/bg-italia-varigotti.png) center 20px no-repeat; height: 543px; } #wrap-homepage-content .fb-box01.stintino { background: url(img/bg-regione.png) center 20px no-repeat; height: 543px; } #wrap-homepage-content .fb-box01.alassio { background: url(img/bg-barche.jpg) center /*20px*/ no-repeat; height: 543px; } #wrap-homepage-content .fb-box01 p { position: absolute; left: 200px; top: 10px } #wrap-homepage-content #wrap-scorci { display: table; width: 100%; margin: 40px 0 0 0 } #wrap-homepage-content #wrap-scorci li { list-style: none; } #wrap-homepage-content #wrap-scorci li a { display: block; overflow: hidden; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; height: 280px; width: 280px; margin: 0 auto } #wrap-homepage-content #wrap-scorci li a:hover { opacity: 0.8 } #wrap-homepage-content #wrap-scorci li img { height: inherit; width: inherit } #wrap-homepage-content #wrap-scorci span { position: absolute; left: 36%; top: 45%; color: #FFF; text-transform: uppercase; font-size: 26px; } #wrap-homepage-content h2 { margin: 0 0 10px 0 } #cont_417bc3393a6487447b129e5d49e8967a { margin: 30px 0 0 0 } #cont_417bc3393a6487447b129e5d49e8967a span { display: none } #webwid { } .boxoni { margin: 50px 0px } .boxoni img { width: 100%; height: 200px; } /*================================ Non Homepage ================================*/ #wrap-content #content { padding: 45px 0; display: table; border-top: 1px solid #e3f2ff; } #wrap-content #entry h2, #wrap-content .entry h2 { font-size: 24px; margin: 0 0 30px 0 } #wrap-gallery { border-top: 2px dotted #7b5954; border-bottom: 2px dotted #7b5954; padding: 40px 0 20px 0; display: table; width: 100% } #wrap-gallery-02 { border-bottom: 2px dotted #7b5954; display: table; width: 100% } #wrap-mini-gallery { padding: 10px 0; display: table; width: 100%; margin: 0 } #wrap-mini-gallery li { display: block; float: left; width: 100px; height: 100px; margin: 0 10px 0 0 } .bigImageHover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: url(img/zoom_icon.png) center center no-repeat } .book-now:hover { text-decoration: none } #menu-footer-menu li { display: block; float: left; list-style: none; color: #fff; margin: 0 5px 0 0 } #menu-footer-menu li a { color: #006ab3; text-transform: uppercase; font-size: 12px; padding: 0 10px } #menu-footer-menu li a:hover { color: #CFB53B!important; text-decoration: none; } #menu-footer-menu > ul > li > a:hover, .current-menu-item a { background: #2D7CBB; color: #FFF !important; padding: 3px 8px !important; margin: 0 8px 0 0 } #wrap-footer { background: #006995; margin: 3px 0 0 0; padding: 20px 15px } #wrap-footer-title { font-family: 'Lato'; font-size: 21px; color: #FFF; font-weight: 900 } #wrap-footer p { font-size: 14px; line-height: 1.2; padding: 0; margin: 0; color: #fff; text-align: left; } #wrap-footer p .evidence { color: #ccba8c } #wrap-footer img { width: 10px; height: auto; display: inline; margin: -5px 0 0 0 } #wrap-footer a { display: inline; color: #FFF } #wrap-footer a:hover { color: #6FA8D6 !important; } .credits-bar { text-align: center; padding: 20px 0 } .credits-bar img { display: inline !important; width: auto; height: auto } .fa-lock { font-size: 15px !important; padding-left: 15px; } .list-news li { display: block } a h5.offerte { font-size: 18px; font-weight: 400; color: #6FA8D6; margin: 0px 0px 12px; font-family: 'Lato'; } .sidebar h4 { text-transform: uppercase; color: #2D7CBB; margin: 10px 27px 15px; font-family: 'Lato'; font-size: 20px; font-weight: bold; } .sidebar { border: 1px solid #E8E8E8; margin: 50px 0 0 0; padding: 10px; } .book-now { font-size: 13px; color: #FFF!important; font-family: 'Lato', sans-serif; text-align: center; margin: 10px 0 0 0; padding: 6px 5px; display: block; background-color: #F90; text-transform: uppercase; text-decoration: none; border-radius: 5px; } .wrap-gallery { padding: 8px 0; display: table; width: 100%; margin: 0 } .wrap-gallery li { display: block; float: left; width: 150px; height: 150px; margin: 0 10px 10px 0 } .wrap-gallery li a img { display: block; float: left; width: 150px; height: 150px; margin: 0 10px 10px 0 } /*================================ Content ================================*/ #wrap-content { margin: 20px 0; display: table; width: 100% } #wrap-content h1.page-title { font-family: 'Georgia'; font-size: 24px; text-align: left; margin: 0; /*padding: 0 40px 0px 0;*/ color: #6FA8D6; line-height: 1.05;/* margin-left: 60px;*/ } #entry table { display: table !important; width: 100% } #entry p { font-size: 16px; color: #5C5C5C; -webkit-font-smoothing: antialiased; line-height: 21px; padding: 0 0 10px 0; margin: 0; } #entry ul { font-size: 16px; -webkit-font-smoothing: antialiased; line-height: 21px; padding: 0 0 10px 0; margin: 0; } #entry { } #entry ul li { list-style: disc; } #entry a { text-decoration: underline } #entry ul, #entry ol { margin: 0 0 15px 30px } #entry p { padding: 0 0 15px 0; font-size: 15px; line-height: 24px; } #entry li { font-size: 15px; line-height: 24px; margin: 0 5px 4px 0; } #entry h1 { margin: 0 0 15px 0; font-size: 26px; color: #326b9a } #entry h2 { margin: 0 0 13px 0; font-size: 24px; color: #326b9a } #entry h3 { margin: 0 0 11px 0; font-size: 22px; color: #326b9a } #entry table td h3, #entry table td h4 { margin: 0 } #entry h4 { margin: 0 0 9px 0; font-size: 20px; color: #326b9a } #entry h5 { margin: 0 0 7px 0; font-size: 18px; color: #326b9a } #entry h6 { margin: 0 0 5px 0; font-size: 16px; color: #326b9a } #entry b, #entry strong { color: #A7883C } #entry .thumb { float: left; margin: 0 10px 10px 0 } #entry blockquote { padding: 10px 20px; margin: 0 0 20px 10%; border-left: 5px solid #eee; font-style: italic; color: #666; } #entry blockquote p { padding: 0 0 15px 0 } #entry iframe, #entry object { width: 100%; display: block } #entry .slick-gallery { clear: both; display: table; width: 100%} #entry .slick-gallery .gallery-item { display: block; height: 150px; width: 150px; float: left; margin: 0 10px 10px 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat } #entry .slick-gallery .gallery-item:hover { opacity: 0.8} #entry .slick-gallery figcaption { display: none; background-color: #666; font-size: 11px; color: #FFF; line-height: 15px; text-align: center; padding: 0 10px } #feat-image-single { height: 300px; margin: 0 0 15px 0; background-size: contain; background-repeat: no-repeat; background-position: 50% 50% } #wrap-content #entry p a.thumb.ilightbox { float: left; margin: 0px 0px 0px 0; } #wrap-content #entry p a.thumb-right.ilightbox { float: right; margin: 45px 0px 0px 0; } #wrap-content #entry h3.spiaggia { margin-top: -40px; } .fa-li { top: 7px!important } /*#wrap-content #entry h1 { margin: 0 0 15px 0 } #wrap-content #entry h2 { margin: 0 0 13px 0 } #wrap-content #entry h3 { margin: 0 0 11px 0 } #wrap-content #entry h4 { margin: 0 0 9px 0 } #wrap-content #entry h5 { margin: 0 0 7px 0 } #wrap-content #entry h6 { margin: 0 0 5px 0 }*/ .page table { width: 100%; border-collapse: separate; border-spacing: 0.3em; margin: 0 0 20px 0 } .page td { font-size: 0.9em; line-height: 1.2em; padding: 10px 6px; color: #5C5C5C; } .page th { text-align: center; background: #2D7CBB; color: #FFF; padding: 0.2em 0; line-height: 1.2em; font-size: 0.9em } .page th.bgwhite { background: #fffcea } .page table tr:nth-child(even) { background: #ECF5FC } .page table tr:nth-child(odd) { background: #D5EDFF } .page #gmap { height: 600px } /*================================ Category ================================*/ #wrap-content.category .row { padding: 20px 0; margin: 20px 0; border-bottom: 2px dotted #7b5954 } #wrap-content.category h1.page-title { padding: 20px 0; height: 80px } #wrap-content.category .entry { } /*================================ Form ================================*/ #span-status { color: #C00 !important; text-align: center !important; font-size: 15px } #contact-form { float: left; width: 100%; position: relative } .wrap-contact { position: relative; float: left; padding: 0 0 10px 0; margin: 10px 10px 10px 20px !important } .wrap-contact li { position: relative; background: none !important; float: left; display: block; width: 48%; padding: 0 !important; margin: 0 0 5px 0 !important; } .wrap-contact li.clr { width: 100% !important; border: 1px dotted #FFF; height: 1px; margin: 10px 0 !important; } .wrap-contact li.checkbox-type input { width: 20px !important; float: left; } .wrap-contact li.checkbox-type label { width: 270px !important; float: left } .wrap-contact li.checkbox-type span { margin: 0 0 10px 0 } .wrap-contact li span { display: block; } .wrap-contact li.clear { width: 100% !important; } .wrap-contact li.tipologia-checkbox { margin: 10px 0 20px 0 } .wrap-contact li.tipologia-checkbox div { float: left; text-align: left; margin: 0 20px 0 0 } .wrap-contact li.error, .wrap-contact div.error { color: #C00 } .wrap-contact li.error input, .wrap-contact div.error input { border: 1px solid #C00 !important; background: url(img/stripe.png) } .wrap-contact input { padding: 2px; font-size: 15px } .wrap-contact textarea { width: 90% !important } #contact-form .wrap-send-button { clear: both } #contact-form #send-button { width: 130px; margin: 10px auto; display: block; height: 30px; cursor: pointer; font-size: 16px; } .btn { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .wrap-contact input, .input-language, .privacytext, .wrap-contact select { height: 30px; width: 80%; background: #F5F5F5; -moz-box-sizing: border-box; padding: 4px; border-color: threedface #D3D3D3 #D3D3D3 threedface; border-style: inset solid solid inset; border-width: 1px; margin: 4px 0 0 0; font-weight: normal } .wrap-contact select { font-size: 13px !important; height: 33px } .wrap-contact textarea { background: #F5F5F5; width: 70%; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-sizing: border-box; padding: 4px; border-color: threedface #D3D3D3 #D3D3D3 threedface; border-style: inset solid solid inset; border-width: 1px; margin: 4px 0 0 0; font-weight: normal } .wrap-contact input[type="checkbox"], .wrap-contact input[type="radio"] { float: left; width: auto !important; margin: 0 10px 0 0; border: none !important; padding: 0 !important } .wrap-contact .textareacommenti { font-size: 16px !important } .wrap-contact .privacytext { height: 60px; background: #FFF; padding: 2px; color: #666; overflow-y: scroll; } .wrap-contact .privacy { } .wrap-contact .contact-informativa { width: 100% !important; margin: 0 !important } #wrap-eta-bambini input { float: left; margin: 0 10px 0 0; width: 40px } #wrap-eta-bambini .label-etabambini { padding: 10px 0 5px 0 } /*================================ Responsive ================================*/ img { max-width: 100%; height: auto } .page-width { /*width: 970px;*/ margin: 0 auto; position: relative; } #CDSWIDLNKR img { width: 100% } #CDSWIDLNKR { width: 100%!important } #CDSWIDEXC.widEXC img#CDSWIDEXCLOGO.widEXCIMG { width: 75%; height: auto } #CDSWIDEXC { height: 142px!Important; margin-top: 0px!important; } /*================================ Start Responsive ================================*/ @media only screen and (max-width: 767px) { #wrap-content #entry p { padding: 12px 0; } #wrap-content h1.page-title { margin-left: 0px } .page-id-9 #entry { width: 100%; overflow-x: scroll } .page-id-9 table { width: 800px } .non-home #wrap-header { margin: 0 } } @media (min-width: 767px) { #menu-mobile-menu { display: none } } @media (min-width: 1200px) { .page-width { width: 1280px } .rslides1_nav.prev { left: 15px } .rslides1_nav.next { right: 15px !important } } @media (min-width: 768px) { .togle_menu_mobile { color: white !important; display: none; } .main_navbar { display: none } #entry img { width: auto } } @media (min-width: 1200px) and (max-width: 1350px) { #wrap-header nav li a { font-size: 13px; padding: 3px 5px; } .header-menu-lang { margin-right: 194px; } } @media (min-width: 768px) and (max-width: 1200px) { #wrap-scorci li .white { right: -14px } #wrap-header .line { width: 74% } #wrap-header nav li a { font-size: 12px; padding: 3px } .tmDatepicker:after { display: none } .tmDatepicker:before { display: none } .header-menu-lang { margin-right: 0px } } @media (max-width: 1200px) { .page-width { width: 100% } #wrap-scorci li .white { right: inherit; left: 221px } #wrap-header .line { width: 70% } #wrap-hotels { display: none } .tmDatepicker:after { display: none } .tmDatepicker:before { display: none } #bookingForm input { padding: 18px 5px 18px 5px!important; } .sidebar { margin: 30px auto; position: relative } #wrap-content h1.page-title { margin-left: 0px } } @media (max-width: 1024px) { .page-width { width: 100% } #wrap-scorci li .white { right: inherit; left: 221px } #wrap-header .line { width: 70% } #wrap-hotels { display: none } .tmDatepicker:after { display: none } .tmDatepicker:before { display: none } #bookingForm input { padding: 18px 5px 18px 5px!important; } .sidebar { margin: 30px auto; position: relative } #wrap-content h1.page-title { margin-left: 0px } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { #top_header { color: #006ab3; position: relative; background: #eee; top: 0; left: 0; font-family: 'Lato', sans-serif; } .admin-bar #top_header { top: 28px } #top_header .inner-wrapper { text-align: left; } #top_header a { color: white; font-size: 12px !important; padding: 10px !important; font-weight: 400 !important; } #top_header .main_navbar ul li { display: block; text-align: left; } #top_header .main_navbar ul li a { padding-left: 0; border-bottom: 1px dotted #A1A1A1; } #top_header .main_navbar ul li.active a { border: 0; color: #666 !important } #top_header .main_navbar .dropdown-menu { display: block; width: 100%; padding-bottom: 5px !important; position: relative; background: transparent !important; z-index: inherit; float: none; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; border: 0; } #top_header .main_navbar .dropdown-menu li { margin-left: 20px; } #wrap-header nav { display: none } #wrap-header h1#logo { position: relative; top: inherit; width: 207px; top: 0px; margin: 0 auto } .page-width { width: 100% } .btn-primary, .btn-primary:hover { background: #006ab3; border: none } #wrap-content.category h1.page-title { height: auto; padding: 10px 0 } #wrap-header #wrap-lang, #wrap-header .fb-icon, .link-offerte { display: none } #wrap-header .line { display: none } #cont_417bc3393a6487447b129e5d49e8967a, #cont_bec665757d791c7a874e8cb4ef2ec24f, #cont_9d792bfbb3b6a6b2f618a615d53e0559 { display: none } #wrap-homepage-content .fb-box01 { height: 300px !important; background-size: 100% !important; background-position: top center !important } #wrap-footer .col-md-2 { display: none } .wrap-contact li { width: 100% } .header-menu-lang { position: relative; width: 200px; float: none; margin: 0 auto; text-align:center; margin-bottom: 1rem;} .sidebar { margin: 30px auto; position: relative } #CDSWIDLNKR { margin: 0 auto !important; position: relative !important} .feed_block { margin-bottom: 25px; } #wrap-content h1.page-title { margin: 0 0 20px 0} } @media (max-width: 320px) { #wrap-homepage-content #wrap-scorci li a { height: 270px; width: 240px; } #wrap-homepage-content #wrap-scorci span { left: 26%; } .sidebar { margin: 30px auto; position: relative } #CDSWIDLNKR { margin: 0 auto!important; position: relative!important; } .feed_block { margin-bottom: 25px; } } /*================================ RSS Slider ================================*/ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .rslides { margin: 0 auto; } .rslides_container { position: relative; float: left; width: 100%; } .rslides_container img { width: 100% } .rslides1_nav { position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 50%; left: 0; z-index: 99; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("img/themes.gif") no-repeat left top; margin-top: -45px; } .rslides1_nav:active { opacity: 1.0; } .rslides1_nav.next { left: auto; background-position: right top; right: 0; } .rslides2_nav { position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; left: 0; display: block; background: #fff; /* Fix for IE6-9 */ opacity: 0; filter: alpha(opacity=1); width: 48%; text-indent: -9999px; overflow: hidden; height: 91%; } .rslides2_nav.next { left: auto; right: 0; } .rslides3_nav { position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0.6; text-indent: -9999px; overflow: hidden; top: 0; bottom: 0; left: 0; background: #000 url("img/themes.gif") no-repeat left 50%; width: 38px; } .rslides3_nav:active { opacity: 1.0; } .rslides3_nav.next { left: auto; background-position: right 50%; right: 0; } .rslides1_nav:focus, .rslides2_nav:focus, .rslides3_nav:focus { outline: none; } .rslides_tabs { margin-top: 10px; text-align: center; } .rslides_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px; } .rslides_tabs a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0, 0, 0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); width: 9px; height: 9px; } .rslides_tabs .rslides_here a { background: #222; background: rgba(0, 0, 0, .8); } .caption { position: absolute; display: block; bottom: 0; left: 0; right: 0; padding: 15px; text-align: center; background: #000; background: rgba(0, 0, 0, .8); color: #fff; } @media screen and (max-width: 600px) { .github { display: none; } } /* Mobile Menu Core Style */ .slicknav_menu { display: none } .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: block } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { display: block; cursor: pointer; } .slicknav_nav a { display: block } .slicknav_nav .slicknav_item a { display: inline } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } /* IE6/7 support */ .slicknav_menu { *zoom: 1 } /* User Default Style Change the following styles to modify the appearance of the menu. */ .slicknav_menu { font-size: 16px; } /* Button */ .slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #222222; } /* Button Text */ .slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; } .slicknav_menu { background: #4c4c4c; padding: 5px; } .slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; } .slicknav_nav ul { padding: 0; margin: 0 0 0 20px; } .slicknav_nav .slicknav_item { padding: 5px 10px; margin: 2px 5px; } .slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; } .slicknav_nav .slicknav_item a { padding: 0; margin: 0; } .slicknav_nav .slicknav_item:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #fff; } .slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #222; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } /*================================ BOX ================================*/ #home_lower { background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(img/hotel-miramare-diano-spiaggia.jpg); /*padding-bottom: 100px;*/ position: relative; margin-top: 5px; } .home_lower_main_intro { max-width: 1200px; padding: 60px 60px; margin: 0 auto; } .home_lower_main_intro p { font-family: 'Georgia'; } .home_lower_main_title { text-transform: uppercase; letter-spacing: 3px; font-size: 44px; font-family: 'Lato'; font-weight: 300; color: #7b5954; padding-bottom: 30px; border-bottom: 2px dotted #7b5954; margin-bottom: 35px; text-align: center; } .home_lower_main_desc { -webkit-font-smoothing: antialiased; -webkit-columns: 30px 2; -moz-columns: 30px 2; columns: 30px 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } #home_lower_more_text { margin: 0 0 1em; display: none; cursor: pointer; font-family: 'Lato', sans-serif; font-size: 13px; } @media screen and (max-width: 700px) { #home_lower_more_text { display: block; } .home_lower_main_desc #home_lower_extra { display: none; } } .home_lower_main_subtitle { text-transform: uppercase; font-family: 'Lato'; letter-spacing: 2px; color: #0A1D3B; } @media screen and (min-width: 1100px) { .home_lower_main_intro { padding: 60px 100px; } .home_lower_main_title { letter-spacing: 4px; font-size: 48px; } } @media screen and (max-width: 950px) { .home_lower_main_title { font-size: 36px; } } @media screen and (max-width: 800px) { .home_lower_main_title { font-size: 36px; letter-spacing: 2px; width: 400px; margin-left: auto; margin-right: auto; } .home_lower_main_intro { padding: 40px 50px; } } @media screen and (max-width: 700px) { .home_lower_main_desc { -webkit-columns: 1; -moz-columns: 1; columns: 1; text-align: center; } } @media screen and (max-width: 500px) { .home_lower_main_intro { padding: 40px 40px 0; } .home_lower_main_title { font-size: 28px; width: 300px; padding-bottom: 20px; margin-bottom: 25px; line-height: 30px; } } @media screen and (max-width: 400px) { .home_lower_main_intro { padding: 30px 20px 0; } .home_lower_main_title { width: 280px; } } .home_lower_intro { padding: 0 40px 60px; text-align: center; } .home_lower_title { text-transform: uppercase; letter-spacing: 6px; font-size: 52px; font-family: 'Lato'; font-weight: 300; color: #006ab3; } .home_lower_subtitle { font-family: 'Georgia'; -webkit-font-smoothing: antialiased; letter-spacing: 0.05em; margin: 0; color: #68696b; } .home_lower_buttons { margin: 30px 0 0; text-align: center; } .home_lower_buttons .button, .home_lower_buttons .button_roll { display: inline-block; margin: 0 10px; } .home_lower_block_main_container { position: relative; width: 930px; margin: 0 auto 80px; } .home_lower_block_container { text-align: center; width: 930px; height: 360px; margin: 0 auto; overflow: hidden; position: relative; } .home_lower_block_container:before, .home_lower_block_container:after { content: " "; display: table; } .home_lower_block_container:after { clear: both; } .ie8 .home_lower_block_container { overflow: auto; height: 378px; } .ie8 .home_scroll_arrow { display: none; } #home_block_feed_scroll { background: #f3f6fa; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) inset; } .home_block_scroll_wrapper { position: absolute; width: 930px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -webkit-transform: translateZ(0); transform: translateZ(0); } .home_scroll_arrow { font-size: 26px; position: absolute; top: 50%; margin-top: -25px; width: 40px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; opacity: 0.35; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-font-smoothing: antialiased; } .home_scroll_arrow:hover { opacity: 1; } .home_scroll_arrow.inactive { opacity: 0; cursor: default; visibility: hidden; } #home_scroll_left { left: -41px; } #home_scroll_right { right: -41px; } @media screen and (min-width: 1040px), screen and (max-width: 1020px) { #home_scroll_left { left: -45px; } #home_scroll_right { right: -45px; } } @media screen and (max-width: 400px) { #home_scroll_left { left: -35px; } #home_scroll_right { right: -35px; } .home_scroll_arrow { font-size: 22px; } } .home_lower_block_item { width: 310px; height: 360px; overflow: hidden; float: left; } .home_lower_block_img { display: block; } .home_lower_block_content { padding: 43px 20px 29px; height: 190px; background-image: url(img/background-box.jpg) !important; background-repeat: no-repeat; background-position: bottom left; background: #e6dfbc; text-align: center; position: relative; font-family: 'Georgia'; color: #5b5c5e; font-size: 14px; display: table; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .home_lower_block_content_wrapper { display: table-cell; vertical-align: top; } .home_lower_block_content_wrapper p { font-family: 'Georgia'; } .feed_block.no_link { cursor: default; } .home_lower_block_title { text-transform: uppercase; font-family: 'Lato'; letter-spacing: 2px; font-size: 22px; font-weight: 700; color: #006ab3; overflow: hidden; margin-bottom: 10px; } .home_lower_block_desc { margin-bottom: 0; -webkit-font-smoothing: antialiased; font-family: 'Georgia'; line-height: 1.7; } .home_lower_block_flag { padding: 0 10px; width: 60%; text-transform: uppercase; font-family: 'Lato'; letter-spacing: 1px; font-size: 16px; color: #006ab3; text-align: center; border: 1px solid #c3cbd3; border: 1px solid rgba(10, 29, 59, 0.2); background: #eeeeee; height: 40px; line-height: 38px; max-width: 280px; min-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 10; margin: -21px auto; display: block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .col-md-4:nth-child(even) .home_lower_block_content { background: #eeeeee; } .col-md-4:nth-child(even) .home_lower_block_flag { background: #f7f7f7; } .col-md-4:not(.no_link):hover .home_lower_block_flag { background: #006ab3; color: #fff; } @media screen and (min-width: 1021px) { .home_lower_blocks_3 .home_scroll_arrow { display: none; } } @media screen and (min-width: 1200px) { .home_lower_block_container, .home_lower_block_item { height: 388px; } .home_lower_block_item { width: 360px; } .home_lower_block_container, .home_lower_block_main_container { width: 1080px; } .home_lower_block_title { font-size: 24px; } } @media screen and (min-width: 1350px) { .home_lower_block_container, .home_lower_block_item { height: 409px; } .home_lower_block_item { width: 400px; } .home_lower_block_container, .home_lower_block_main_container { width: 1200px; } } @media screen and (min-width: 1420px) { .home_lower_block_container, .home_lower_block_item { height: 434px; } .home_lower_block_item { width: 440px; } .home_lower_block_container, .home_lower_block_main_container { width: 1320px; } .home_lower_block_content { padding: 50px 30px 30px; } } @media screen and (min-width: 1900px) { .home_lower_blocks_3plus .home_lower_block_container, .home_lower_block_main_container.home_lower_blocks_3plus { width: 1760px; } } @media screen and (max-width: 1020px) { .home_lower_block_container, .home_lower_block_item { height: 388px; } .home_lower_block_item { width: 360px; } .home_lower_block_container, .home_lower_block_main_container { width: 720px; } .home_lower_block_title { font-size: 24px; } } @media screen and (max-width: 900px) { .home_lower_title { font-size: 40px; letter-spacing: 4px; } } @media screen and (max-width: 860px) { .home_lower_block_main_container, .home_lower_block_container, .home_lower_block_item { height: 429px; width: 440px; } } @media screen and (max-width: 600px) { .home_lower_block_container, .home_lower_block_main_container, .home_lower_block_item { height: 373px; width: 380px; } .home_lower_title { font-size: 30px; letter-spacing: 3px; } .home_lower_intro { padding: 40px 30px; } .home_lower_block_content { padding: 35px 20px 14px; } .home_lower_block_flag { font-size: 14px; line-height: 40px; } } @media screen and (max-width: 500px) { .home_lower_block_container, .home_lower_block_main_container, .home_lower_block_item { height: 305px; width: 260px; } .home_lower_intro { padding: 30px 30px 25px; } .home_lower_block_content { padding: 30px 20px 13px; } .home_lower_block_title { font-size: 22px; margin-bottom: 10px; } .home_lower_block_desc { font-size: 12px; } .home_lower_block_main_container { margin-bottom: 50px; } #home_lower { padding-bottom: 40px; } } @media screen and (max-width: 400px) { .home_lower_title { font-size: 24px; letter-spacing: 2px; } .home_lower_block_title { font-size: 20px; letter-spacing: 1px; margin-bottom: 5px; } .home_lower_block_content { padding: 25px 15px 10px; height: 136px; } .home_lower_block_flag { height: 34px; line-height: 34px; margin: -20px auto -18px; } .home_lower_block_container, .home_lower_block_main_container, .home_lower_block_item { height: 300px; } } .home_lower_blocks_1 .home_lower_block_item, .home_lower_blocks_1 .home_lower_block_container, .home_lower_blocks_1 .home_lower_block_main_container { width: 400px; height: 409px; } .home_lower_blocks_1 .home_scroll_arrow { display: none; } @media screen and (max-width: 480px) { .home_lower_blocks_1 .home_lower_block_item, .home_lower_blocks_1 .home_lower_block_container, .home_lower_blocks_1 .home_lower_block_main_container { height: 337px; width: 260px; } } .home_lower_blocks_2 .home_lower_block_item { width: 400px; height: 409px; } .home_lower_blocks_2 .home_lower_block_container, .home_lower_blocks_2 .home_lower_block_main_container { width: 800px; height: 409px; } .home_lower_blocks_2 .home_scroll_arrow { display: none; } @media screen and (max-width: 880px) { .home_lower_blocks_2 .home_lower_block_item, .home_lower_blocks_2 .home_lower_block_container, .home_lower_blocks_2 .home_lower_block_main_container { width: 400px; height: 409px; } .home_lower_blocks_2 .home_scroll_arrow { display: block; } } @media screen and (max-width: 500px) { .home_lower_blocks_2 .home_lower_block_container, .home_lower_blocks_2 .home_lower_block_main_container, .home_lower_blocks_2 .home_lower_block_item { height: 337px; width: 260px; } } .home_lower_cta { clear: both; width: 1000px; max-width: 1400px; margin: 0 auto; font-family: 'Lato', sans-serif; } .home_lower_cta:before, .home_lower_cta:after { content: " "; display: table; } .home_lower_cta:after { clear: both; } .home_lower_cta p { float: left; width: 25%; text-align: center; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.9em; } .home_lower_cta .ficon { font-size: 0.6em; position: relative; top: -1px; padding-left: 4px; } .boxsizing .home_lower_cta { padding: 0 30px; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 100px) { .home_lower_cta { width: 100%; } } @media screen and (max-width: 800px) { .home_lower_cta p { width: 100%; float: none; margin-bottom: 20px; font-size: 1em; } } @media screen and (min-width: 700px) { .drop_cap_wrapper>p:first-of-type:first-letter { float: left; font-size: 50px; height: 43px; line-height: 43px; font-weight: 400; color: #006ab3; margin: -1px 3px 0 0; } } /*================================ PhotoSwipe ================================*/ /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; will-change: transform; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*