/*
Theme Name: Zanasi Group Theme
Theme URI: http://aitec.it
Author: The Aitec Team
Author URI: http://aitec.it
Description: A special theme created for Zanasi Group
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zanasi

*/

:root{
	--main-header-height: 80px;
	--main-menu-height: 80px;
	--main-menu-deco-height: 5px;
	--text-color:#fff;
	--font-size:16px; 
	--base-font: "Open Sans", sans-serif;
	--alt-font: "Aldrich", sans-serif;
	--primary-color:#000000;
	--primary-color-text:#fff;
	--secondary-color:#ff0000;
	--secondary-color-text:#ffffff;
	--tertiary-color:#878787;
	--tertiary-color-text:#ffffff;
	--highlight-color:#00b050;
	--deco-image: url('../images/header-bg.jpg');
}

body{ font-family:var(--base-font); font-size:var(--font-size); color:var(--text-color); position:relative; margin:0; padding:0; }

a { color: var(--tertiary-color); -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
a:hover { color: var(--secondary-color); -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
a:visited, a:active, a:focus { -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border: none; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family:var(--alt-font);  }
.text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff; }

.page-wrapper { overflow: hidden; max-width: 100vw; position:relative; }

.alt-font { font-family: var(--alt-font); }

.text-upper {text-transform:uppercase; }
.text-small { font-size: 0.765em; line-height: 1.1em; }
.text-big { font-size: 1.2em; line-height: 1.4em; }
.text-bigger { font-size: 1.5em; line-height: 1.2em; }
.text-more-bigger { font-size: 2.5em; line-height: 1.2em; }

hr { border-top: 1px solid rgba(255, 255, 255, 0.6); }

b, strong { font-weight: 700; }

p { margin-bottom: 1em; }

figure { margin: 0; }

blockquote { font-size: 1.8em; line-height: 1.1em; font-style: italic; font-weight: 300; display: inline-block; }

form label { font-weight: bold; text-transform: uppercase; font-family: var(--alt-font); }

.autosquare, .aspect-image { overflow: hidden; display: block; background-color: none; background-attachment: scroll; background-position: center; background-size: cover; background-repeat: no-repeat; }
.autosquare img, .aspect-image img { opacity: 0; max-width: 100%; max-height: 100%; }
.aspect-image { aspect-ratio: 1 / 1; }

.btn{ -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; text-decoration:none; }
.btn:hover{  -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

.btn-default { background-color:transparente; color:#000; border: 2px solid #000;}
.btn-default:hover{ border: 2px solid #A80000; color:#A80000; }

.btn-default.inverted { background-color:#A80000; color:#fff; border: 2px solid #A80000;}
.btn-default.inverted:hover{ border: 2px solid #A80000; color:#A80000; background-color:transparent; }

.btn.wide { display: block; width: 100%; }

img.size-full { max-width: 100%; height: auto; margin-bottom: 1em; }
img.alignright, .alignright { float: right; margin: 10px 0 1em 1em; }
img.alignleft, .alignleft { float: left; margin: 10px 1em 1em 0; }
img.aligncenter { display: block; margin: 0 auto; max-width: 100%; text-align: center; }
img.alignnone { max-width: 100%; margin-bottom: 1em; }

.neutralize { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); transition: all 0.2s ease-in-out; }
.neutralize:hover { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: gray; filter: grayscale(0%); }

.show-overflow { overflow: visible !important; }

.slider-wrapper { background-color: #343434; }

textarea.form-control { max-height: 90px; }

.text-column-2 { columns: 2; }
.text-column-3 { columns: 3; }
.text-column-4 { columns: 4; }
.text-column-5 { columns: 5; }

/* General Animation Styles */

.delay200 { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
.delay400 { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; }
.delayHalf, .delay500 { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
.delay600 { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; }
.delay800 { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; animation-delay: 0.8s; }
.delayOne { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }
.delayOneHalf { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; }
.delayTwo { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; }
.delayThree { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; }

/* Header styles */

#main-header { height:var(main-header-height); background: var(--deco-image) repeat scroll 0 0 var(--primary-color); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); border-bottom: var(--main-menu-deco-height) solid var(--primary-color); position:fixed; top:0; right:0; left:0; z-index:100; }
.admin-bar #main-header { top:32px;}

#main-menu-wrapper { height: var(--main-header-height); position: relative;}
#top-menu-wrapper { position:absolute; right:0; top:0; z-index:5;}

#logo-wrapper { position: relative; z-index: 1; display: inline-block; top: 0; height:var(--main-header-height); padding: 1em 0 0.5em 0;}
#logo-wrapper .logo{ height: 100%; }

#main-header .menu li{ display:inline-block; vertical-align:top; }

#main-header .main-menu { position:absolute; right:0; bottom: calc(var(--main-menu-deco-height) * -1); margin:0; padding:0; height:var(--main-menu-height); line-height:var(--main-menu-height); z-index:1; }
#main-header .main-menu > li { position:relative; height:100%;}
#main-header .main-menu > li > a { text-decoration:none; font-family: var(--alt-font); text-transform: uppercase; border-bottom: var(--main-menu-deco-height) solid var(--primary-color); color:var(--tertiary-color); display: block; margin: 0 0.5em; padding: 0; font-size: 1.2em; letter-spacing:1px; height: 100%;  -moz-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition:all 0.25s ease-out; }
#main-header .main-menu > li > a:hover, #main-header .main-menu > li.current-menu-item > a, #main-header .main-menu > li.wpml-ls-current-language > a { border-bottom:var(--main-menu-deco-height) solid var(--secondary-color); color:var(--tertiary-color-text); text-decoration:none; -moz-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition:all 0.25s ease-out; }
#main-header .main-menu > li.menu-item-has-children > a:hover { border-bottom: var(--main-menu-deco-height) solid var(--primary-color); }

#main-header .main-menu > li:hover .sub-menu {  -webkit-animation-name: slideMenu; animation-name: slideMenu;   -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
#main-header .main-menu .sub-menu { -webkit-animation-name: slideMenuRevert; animation-name: slideMenuRevert;   -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
#main-header .main-menu .sub-menu { background:url("../images/header-bg.png") repeat scroll 0 0 var(--primary-color); line-height:1.1em; font-size:0.8em; visibility:hidden; opacity:0; display:block; position: absolute; right: 0; left:0; top: calc(var(--main-menu-height) - 5px); z-index: 10; padding: 0 1em; -moz-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition:all 0.25s ease-out; }
#main-header .main-menu .sub-menu li { display:block; text-align:center;}
#main-header .main-menu .sub-menu li a{ text-decoration:none; color:var(--tertiary-color); font-family: var(--alt-font); text-transform: uppercase; display:block; padding:1em 0; -moz-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; transition:all 0.25s ease-out; }
#main-header .main-menu .sub-menu li a:hover{ color:var(--tertiary-color-text);}

#main-header .main-menu > li > a .green{ color:var(--highlight-color); }


.top-menu { line-height:2em; height:2em; list-style: inside none none; margin: 0 0 0 2em; display:inline-block; vertical-align:top; background: rgba(0,0,0,0.2); border-radius: 0 0 0 20px; box-shadow: 0 0 5px rgba(0,0,0,0.8) inset; padding: 0 2em; }
.top-menu li { display: inline-block; font-family: "Aldrich",sans-serif; font-size: 0.8em; text-align: center; text-transform: uppercase; vertical-align: top; padding:0 0.2em; }
.top-menu li a { color: #878787; }
.top-menu li a:hover { color: #fff; }

.top-logo { height: 3em; position: relative; display: inline-block; background-color: #000; padding: 4px; border-width: 0 1px 1px 1px; border-radius: 0 0 4px 4px; border-style: solid; border-color: #333; }
.top-logo img{ height:100%; }
.top-logo-mobile{ display:none;}
.top-logo-mobile img{ height:100%; }

#mobile-menu-toggle { display: none; height: var(--main-header-height); padding: calc(calc(var(--main-header-height) - calc(1.8em + 6px)) / 2) 0; cursor: pointer; z-index: 10; position: absolute; right: 2em; top: 0; }
#mobile-menu-toggle span {height: 2px; background-color: #fff; width: 3em; display: block; margin: 0.5em 0; }

#mobile-menu-toggle span { -webkit-animation-duration: .15s; animation-duration: .15s;  -webkit-animation-fill-mode: both; animation-fill-mode: both; }
#mobile-menu-toggle.open span:nth-child(1) {-webkit-animation-name:upper; animation-name:upper; }
#mobile-menu-toggle.open span:nth-child(2) {-webkit-animation-name:medium; animation-name:medium; }
#mobile-menu-toggle.open span:nth-child(3) {-webkit-animation-name:lower; animation-name:lower;  }

#mobile-menu-toggle span:nth-child(1) {-webkit-animation-name:upperRev; animation-name:upperRev; }
#mobile-menu-toggle span:nth-child(2) {-webkit-animation-name:mediumRev; animation-name:mediumRev; }
#mobile-menu-toggle span:nth-child(3) {-webkit-animation-name:lowerRev; animation-name:lowerRev;  }

/*#mobile-menu { z-index:100; position: absolute; margin: 0; padding: 0 15px 0 15px; list-style: none inside; display: none; right: 0; left: 0; background: url('img/header-bg.jpg') repeat scroll 0 0 #222; border-bottom: 1px solid #efefef; box-shadow: 0 4px 4px rgba(0,0,0,0.3); }*/
#offcanvasMenu{ background: url('../images/header-bg.jpg') repeat scroll 0 0 #222;}
#mobile-menu { margin: 0; padding:0; list-style: none inside; }
#mobile-menu > li { display: block !important; text-align: right; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0.5em 1em; text-align:center; text-transform:uppercase;}
#mobile-menu > li a { text-decoration:none; font-family: var(--alt-font); color:var(--tertiary-color); font-size:1.2em; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#mobile-menu > li a:hover { color:var(--tertiary-color-text); }
#mobile-menu > li:last-child { border:none;  }

#page-wrapper{ position:relative; }

.offcanvas-footer { bottom:var(--bs-offcanvas-padding-y); right:var(--bs-offcanvas-padding-x); left:var(--bs-offcanvas-padding-x); position:absolute;}
.offcanvas-footer .company-info { text-align: center; display:block; font-size:0.8em;}
.offcanvas-footer .company-info li{ display:inline-block; }
.offcanvas-footer .company-info .hidden { display: none; }
.offcanvas-footer .company-info li a{ text-decoration:none; }

.extra-menu{ list-style:none inside; padding:0; margin:0; text-align:center; font-size:0.8em; }
.extra-menu li{ display:block; padding:0.2em 0; }
.extra-menu li a{ text-decoration:none; }

.offcanvas-body #language-selector { list-style: none inside; margin: 1em 0; padding: 0; text-align: center; }
.offcanvas-body #language-selector li{ display:inline-block; vertical-align:top; padding:1em;  }

/*Slider Styles*/

#slider-wrapper { position: fixed; bottom: var(--main-header-height); left: 0;  right: 0; top: var(--main-header-height);  z-index:5;}

#slider { position: relative; height:100%; }

#slider .carousel-inner { height: 100%; position: relative; width: 100%; }
#slider .carousel-inner > .carousel-item { height: 100%; }
#slider .slide{ background-attachment:scroll; background-color:transparent; background-position:center; background-repeat: no-repeat; background-size:cover; position:absolute; top:0; right:0; bottom:0; left:0;}
#slider .slide img{display:none;}

.carousel-caption { padding: 20px; background: linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0.5), rgba(255,255,255,0.1)); }
.carousel-caption h1{ font-size:6.4em; text-transform:uppercase; margin:0 0 10px 0; text-shadow:none; color:#000; letter-spacing:-0.06em;}
.carousel-caption h2{ font-size:2em; text-transform:uppercase; margin:0 0 10px 0; text-shadow:none; color:#000;}
.carousel-caption a { text-decoration:none; min-width:270px; border: 2px solid #000; color: #000; display: inline-block; font-family: "Aldrich",sans-serif; font-size: 1.2em; margin: 0.5em 1.5em; padding: 0.8em 1em; text-shadow: none; text-transform: uppercase; vertical-align: top; transition:all 0.2s ease-in;}
.carousel-caption a:hover {  border: 2px solid #A80000; color: #A80000; border-radius:2px; }

.carousel-indicators { margin-bottom: 52px; }
/*.carousel-indicators button { background-color: rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.4); border-radius:0; transition:all 0.2s ease-in;}
.carousel-indicators button:hover { background-color: rgba(255,0,0,0.3); }
.carousel-indicators .active { background-color: #ff0000; }*/

.carousel-indicators.right { left: 0; position: fixed; top: 50vh; margin: 0; display: block; right: auto; bottom: auto; z-index: 150; transform: rotate(90deg) translateY(154%); }
.carousel-indicators.right button, .carousel-indicators.left button { width:1em; height:1em; margin-bottom:0.2em; }
.carousel-indicators.left { right: 0; position: fixed; top: 50vh; margin: 0; display: block; left: auto; bottom: auto; z-index: 150; }

/* Breadcrumb Styles */

.breadcrumbs { margin: 0; font-size: 0.8em; font-family: var(--alt-font); text-transform: uppercase; padding:0.5em 0; color:var(--tertiary-color);}
.breadcrumbs a { color:var(--tertiary-color);  margin: 0 0.2em; text-decoration:none; }
.breadcrumbs a:hover { color: var(--secondary-color); }
.breadcrumbs  ol { list-style: outside none none; margin: 0; padding: 0; display:inline-block; vertical-align:top;}
.breadcrumbs  ol li { display:inline-block; vertical-align:top; }
.breadcrumbs  ol li:after { content:' / '; display:inline-block; vertical-align:top; margin:-1px 2px 0 2px; }
.breadcrumbs  ol li:last-child:after { display:none; }

/* Main Styles */

#content { min-height: 100vh; position:relative; }

.main-content {position: relative;top: calc(var(--main-header-height) * 2);z-index: 15;padding: calc(var(--main-header-height) * 2) calc(var(--bs-gutter-x) * .5);min-height: 300px;color: #222;right: 2em;left: 2em;min-height: calc(100vh + calc(var(--main-header-height) * 2));}

.home .main-content{ overflow:auto; height:80vh; z-index:0; position:relative; }

.button { border: 2px solid #000; color: #000; display: inline-block; font-family: "Aldrich",sans-serif; font-size: 1.2em; margin: 0.5em 1.5em; padding: 0.8em 1em; text-shadow: none; text-transform: uppercase; vertical-align: top; transition:all 0.2s ease-in;}
.button:hover {  border: 2px solid #A80000; color: #A80000; border-radius:2px; }

.half-content, .full-content { background-color: rgba(255, 255, 255, 0.95); min-height: 50vh; border: var(--main-menu-deco-height) solid rgba(255,255,255,0.4); box-shadow: 0 0 4px rgba(0,0,0,0.4), 0 0 3px rgba(0,0,0,0.1) inset; }

.page-title { border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; color: #777; font-size: 1.8em; margin: 0 0 0.5em 0; padding: 0.5em 0; text-transform: uppercase; }
.page-title:before{ background:url('../images/cz-small.png') scroll no-repeat center center transparent; content:""; display:block; width:1.8em; height:1.8em; float:left; margin:-0.3em 0.5em 0 0.2em; }

.childpage { background-color: #f4f4f4; border: var(--main-menu-deco-height) solid #e1e1e1; position: relative; margin-bottom:1em;}
.childpage figcaption { color:#fff; background-color:rgba(0,0,0,0.4); bottom: 0; font-family: var(--alt-font); font-size: 1.2em; left: 0; position: absolute; right: 0; text-align: center; text-transform: uppercase; text-decoration:none; top: 0; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.childpage figcaption:hover { text-shadow:0 1px 2px rgba(0,0,0,0.5); color:var(--secondary-color); background-color:rgba(0,0,0,0); }
.childpage figcaption h3{ display: table; width: 100%; height: 100%; }
.childpage figcaption h3 span{ display:table-cell; vertical-align:middle;  }

.clinic-block { margin-bottom: 30px; }
.clinic-block .autosquare{ position:relative; }
.clinic-block .autosquare .description { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255,255,255,0.6); font-size: 0.8em; overflow: hidden; padding: 5px; border: 5px solid rgba(255,255,255,0.4); text-shadow: 0 1px 1px #fff; box-shadow:0 0 6px rgba(0,0,0,0.2) inset;}
.clinic-block .autosquare .description { -webkit-clip-path: polygon(100% 0, 100% 20%, 20% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 20%, 20% 100%, 0 100%, 0 0);  -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.clinic-block .autosquare .description:hover, .clinic-block .autosquare.on .description { color:#bb0000; background-color: rgba(255,255,255,0.8); -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.clinic-block .autosquare .description .pre-title{ font-size:1.2em; line-height:1.2em; display:block; margin-bottom:0.5em; }
.clinic-block .autosquare .description h2 { font-size: 1.4em; margin: 0.2em 0; }


.page-content { font-size: 13px; }
.page-content h2 { color: #555; font-family: "Open Sans"; font-size: 16px; font-style: italic; line-height: 20px; text-transform: uppercase; }
.page-content h3 { font-size: 14px; font-weight: bold; line-height: 18px; margin: 0.8em 0; text-transform: uppercase; }
.page-content em { color:#000; }

.page-content ul { list-style: inside none none; margin: 0; padding: 0; }
.page-content li { padding: 0 0 0 10px; }
.page-content li:before { background-color: rgba(255, 0, 0, 0.8); content: ""; display: block; float: left; height: 10px; margin: 5px 10px 0 0; width: 10px; }

.page-template-google-maps .main-content{ pointer-events: none; }
.page-template-google-maps .half-content{ pointer-events: auto; }
.page-template-google-maps .gm-style-iw-d{ color:#222;}
.page-template-google-maps .gm-style-iw-d h2{ font-size:18px; }

/* Blog roll elements Styles */

.br-grid{ position:relative;}

.br-element{ position:relative; background-color:#fff; transition:all 0.3s ease-in-out; margin-bottom:30px;}

.br-slider { overflow:hidden; }
.br-slider-control {position:relative; opacity:0; transition: opacity 0.3s ease-in;}
.br-slider:hover .br-slider-control{ opacity:1; transition: opacity 0.1s ease-in; }
.br-slider-control span { background-color: rgba(0, 0, 0, 0.3); color: #fff; font-size: 3em; height: 2em; line-height: 2em; position: absolute; text-align: center; width: 2em; z-index: 2; transition:all 0.2 ease-in; cursor:pointer;}
.br-slider-control span:hover { background-color: rgba(0, 0, 0, 0.5); box-shadow:0 0 2px rgba(0,0,0,0.3); }
.br-slider-control .br-slider-control-left { left:0; }
.br-slider-control .br-slider-control-right { right:0;}

.gallery-caption { position: absolute; bottom: 0; right: 0; left: 0; background-color: rgba(255,255,255,0.6); padding: 0.5em; line-height: 1.1em; }

.gallery-item .autosquare { background-color:transparent; border: 1px solid #dfdfdf; box-shadow: 0 1px 2px rgba(0,0,0,0.4), 0 0 4px rgba(0,0,0,0.4) inset; border-radius: 4px; }

/* Card Styles */

.card.post .card-body { height: 236px; position: relative; overflow: hidden; }
.card.post .card-title { font-size: 1.2em; text-transform: uppercase; color: #fff; }
.card.post .card-text { line-height:1.1em; }
.card-button-wrapper { position: absolute; bottom: 0; right: 0; left: 0; padding: 1em; background-color: #212529; }

/* Single styles */

.page-meta { border-top: 1px solid #aaa; text-transform: uppercase; color: #777; font-size: 0.875em; margin: 1em 0 1em 0; padding-top: 1em; }
.page-meta ul { list-style:none inside; padding:0; margin:0 0.2em; display:inline-block; vertical-align:top; }
.page-meta ul li { display:inline-block; vertical-align:top; }

/* Footer Styles */

#main-footer { font-size:0.8em; color:var(--tertiary-color-text); background: var(--deco-image) repeat scroll 0 0 var(--primary-color); position:fixed; bottom:0; right:0; left:0; z-index:100; height:var(--main-header-height); border-top:var(--main-menu-deco-height) solid var(--primary-color); }
#main-footer a, #main-footer .link{ color:var(--tertiary-color-text); text-decoration:none; cursor:pointer;}
#main-footer a:hover, #main-footer .link:hover{ color:var(--tertiary-color); text-decoration:underline; }

#footer-menu, .company-info { list-style: none inside; padding: 0; margin: 0; display: inline-block; }
#footer-menu li, .company-info li{ display: inline-block; vertical-align:middle; position:relative; }
#footer-menu li:after, .company-info li:after { content: ''; display: inline-block; vertical-align: middle; padding: 0 0.2em; }
.company-info li.hidden{ width:0;  }
.company-info li.hidden:after{ display:none;  }

/* Custom animation styles */

.carousel-caption { -moz-animation-delay: .25s; -webkit-animation-delay: .25s; animation-delay: .25s; }
#page-transition {background: #000 url('../images/zanasi-group-logo.png') no-repeat scroll center center / 300px auto;bottom: 0;left: 0;position: fixed;right: 0;display: none;top: 0;z-index: 200;}


/* Pagination Styles */

.pagination { display: block; text-align: center; margin:2em 0; }
.pagination .screen-reader-text{ display: none; }
.pagination .page-numbers { border:1px solid #711D37; background-color: #711D37; color: #fff; display: inline-block; height: 32px; line-height: 32px; width: 32px; vertical-align:top;}
.pagination .page-numbers.current { background-color: #fff; color: #711D37;}
.pagination .page-numbers:hover{ color:#F8E27C; }
.pagination .page-numbers.next, .pagination .page-numbers.prev {font-family:'fontawesome';}

/* Modal lightbox */

.lightbox {cursor:pointer;}
.modal-lightbox { background-color: rgba(0, 0, 0, 0.8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 100001; }
.modal-lightbox .modal-lightbox-close, .modal-lightbox .modal-lightbox-prev, .modal-lightbox .modal-lightbox-next {font-size: 3em; position: absolute; color: #fff; transition:all 0.1s ease-in; cursor:pointer; z-index:1060;}
.modal-lightbox .modal-lightbox-close:hover, .modal-lightbox .modal-lightbox-prev:hover, .modal-lightbox .modal-lightbox-next:hover { color: #6DADD6;}
.modal-lightbox .modal-lightbox-close{  right: 0.5em; top: 0.5em;  }
.modal-lightbox .modal-lightbox-prev{ left: 0.5em; top: 50%; }
.modal-lightbox .modal-lightbox-next{ right: 0.5em; top: 50%; }
.modal-lightbox-image { border: 1px solid #dfdfdf; box-shadow: 2px 4px 8px rgba(0,0,0,0.8), 0 0 4px rgba(0,0,0,0.4) inset; border-radius: 4px; position: absolute; }

/* Random numbers effects Styles */

.randomNumbers { margin: 1em 0; text-align: center; font-weight: 300; opacity:0; position:relative;}
.randomNumbers > span { margin: 0 5px 1em 0; font-weight: 600; display: block; text-align: center; font-size: 2em; }
.randomNumbers > span:after { content: ''; display: block; position: absolute; border-bottom: 2px dashed #fff; margin: 0.5em 0; right: 33%; left: 33%; }
.randomNumbers .numberCover { position: absolute; top: 0; right: 0; left: 0; }
.randomNumbers .numberCover:after { display:none; }

/* Contact form Styles */

#contact-form label { font-weight:bold; color:#222; }
#contact-form textarea { height: 150px; }

.grecaptcha-badge{ display:none; }

.carousel-caption[data-position="floating-top"], .carousel-caption[data-position="floating-bottom"] { clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); }

#toggle { position: absolute; right: 0; top: 3px; color: #888; cursor:pointer; -moz-transition: color 0.2s ease-in; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in;}
#toggle:hover { color: #222; -moz-transition: color 0.2s ease-in; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in;}
.cutted { clip-path: polygon(98% 0, 100% 0, 100% 4%, 98% 4%); -moz-transition: color 0.2s ease-in; -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in; border: none; background-color: rgba(0,0,0,0.4); }

.privacy-wrapper { border: 1px solid #ccc; padding: 1em; border-radius: 5px; overflow-y: scroll; background-color: #e5e5e5; font-size: 0.8em; height: 60px; color:#888;}
.privacy-wrapper > * { color:#888; }
.privacy-wrapper li:before { display:none;}
.privacy-wrapper h2 { font-size: 1.4em; font-family: var(--base-font); }
.privacy-wrapper h3 { font-size: 1.2em; font-family: var(--base-font); }
.privacy-wrapper .table-light { --bs-table-color: #888; --bs-table-bg: transparent; --bs-table-border-color: #888; color: var(--bs-table-color); border-color: var(--bs-table-border-color); }

.no-copy{-webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* Privacy Notice */

#aitec-privacy-notice { position: fixed; z-index: 99999; top: ; top: 0; bottom: 0; left: 0; right: 0; background-color:rgba(0,0,0,0.3); }

#aitec-privacy-notice .aitec-privacy-notice-header { position:relative; }
#aitec-privacy-notice .aitec-privacy-close { background: none; color: #fff; border: none; position:absolute; right:1em; top:0; }

.cookie-list-table { font-size: 0.8em; }
@media screen and (max-width:1699px){
	
	#main-header .main-menu > li > a { margin: 0 0.2em; font-size: 1em; }
	
}
@media screen and (max-width:1399px){
	
	#mobile-menu-toggle { display: block; }
	#main-menu { display: none; }
	
	#main-footer{ display:none; }
	#slider-wrapper { bottom: 0; }
	
}
@media screen and (max-width:1199px){
		
	.carousel-caption { right: 5%; left: 5%;}
	
	.carousel-caption h1{ font-size:4.7em;}
	.carousel-caption h2{ font-size:1.4em;}
	.carousel-caption a{ min-width:200px; font-size:1em; }
	
}
@media screen and (max-width: 991px) {

	.btn { max-width: 100%; white-space: normal; }
	
}
@media screen and (max-width:767px){
		
	.carousel-caption { padding:20px; background-color: rgba(255,255,255,0.75);  }
	.carousel-caption h1{ font-size:3em;}
	.carousel-caption h2{ font-size:1.1em;}
	.carousel-caption a{ min-width:150px; font-size:0.8em; }
	.carousel-caption[data-position="floating-top"], .carousel-caption[data-position="floating-bottom"] { clip-path: none; }
	
	.page-template-google-maps #slider-wrapper{ background-color:#222; }
	.page-template-google-maps #slider{ display:none; }
	
	.clinic-block .description .cover { position:relative; width: 100%; height: 100px; margin-bottom: 15px; }
		
	.page-title:before { display: none !important; }
}
@media screen and (max-width:560px){
	
	.main-content { padding: 2em 0.2em;	right: 1em;	left: 1em; }
	
	.carousel-indicators{ display:none !important; }
	
}
@media screen and (max-width:450px){
	#mobile-menu-toggle { padding: 22px 15px 22px 0; }
	#main-footer { text-align: center; padding: 0.2em 1em; }
	
	#logo-wrapper { padding: 20px 0; }
	#logo-wrapper .logo { height: 45px; }
}
@media screen and (max-width:320px){
	
	.carousel-caption h1{ font-size:1.8em;}
	.carousel-caption h2{ font-size:1.1em;}
	.carousel-caption a{ min-width:150px; font-size:0.8em; }
	
	#logo-wrapper { padding: 25px 0; }
	#logo-wrapper .logo { height: 35px; }
	
}