/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

@import "stylefont.css";

/* = Reset -------------------------------------------------------------- */
html {-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */}
body {overflow-x: hidden !important; -webkit-font-smoothing: subpixel-antialiased !important;}
table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
a:focus {outline: 0;} a:hover, a:active {outline: 0;} /* Improves readability when focused */
/* = END Reset -------------------------------------------------------------- */

/* General styles */
a:focus {outline: 0;}
a:hover, a:active {outline: 0;}
html, body {overflow-x: hidden !important; -webkit-font-smoothing: subpixel-antialiased !important;}
.elementor-section-wrap {margin: 0;}
	
/* Hide reCaptcha badge */
.grecaptcha-badge {opacity: 0; z-index: -99;}	

/* Smooth hover color change */
.elementor-animation-grow, .elementor-animation-shrink {transition-duration: 500ms !important;}
.elementor-animation-grow:active,.elementor-animation-grow:focus,.elementor-animation-grow:hover {transform: scale(1.05) !important;}
.elementor-animation-shrink:active,.elementor-animation-shrink:focus,.elementor-animation-shrink:hover {transform: scale(0.95) !important;}

/* Scrollbar */
::-webkit-scrollbar {width: 8px; background: #121212;}
::-webkit-scrollbar-track {background: #565656; box-shadow: inset 0 0 4px #2a2a2a; border-radius: 8px; margin: 4px;}
::-webkit-scrollbar-thumb {background: #005FCC; border-radius: 8px;}
::-webkit-scrollbar-thumb:hover {background: #00B5E2;}

/* Text styles */
body {font-family: Poppins;}
.basicfont * {font-family: Poppins !important;}
.altfont * {font-family: Montserrat !important;}
.basicfont i, .altfont i, .condfont i {font-family: 'Font Awesome' !important;}
strong {font-weight: 600;}
strong strong {font-weight: 800;}
u, a {text-underline-offset: 0.2em; text-decoration-thickness: from-font;}

/* Link colors */
.acolor a, .acolor * a, a.acolor {color: #005FBE !important;}
.acolor2 a, .acolor2 * a, a.acolor2 {color: white;}
.ahov a:hover, .ahov * a:hover, a.ahov:hover {color: #00B5E2 !important;}
.ahov2 a:hover, .ahov2 a *:hover, .ahov2 * a:hover, a.ahov2:hover {color: #85E7FF !important;}
.ahov3 a:hover, .ahov3 a *:hover, .ahov3 * a:hover, a.ahov3:hover {color: white !important;}

/* Blockquote style */
blockquote {font-size: 1.2em;font-weight: 400; border: solid #00B5E2; border-width: 0 0 0 12px; margin: 15px 0; padding: 24px; background: #D6F7FF80;}
blockquote p {margin-top: 0; margin-bottom: 0 !important; line-height: 1.2em; color: #00397A;}
blockquote .emph {font-size: 1.5em; font-weight: 600;}

/* Local FontAwesome icons */
.localawesome .fa, .localawesome .fas {font-family: "FontAwesome"; font-weight: 400 !important; font-style: normal !important;}

/* General classes */
.postcontent p ~ h2 {padding: 0; margin-top: 80px;}
.postcontent p ~ h3, .postcontent p ~ h4 {padding: 0; margin-top: 60px;}
.postcontent p ~ h5, .postcontent p ~ h6 {padding: 0; margin-top: 40px;}
.postcontent ol {list-style: decimal; list-style-position: outside; position: relative; padding-inline-start: 28px;}
.postcontent ul {list-style: decimal; list-style-position: outside; position: relative; padding-inline-start: 28px;}
.postcontent ol li {list-style: decimal; list-style-position: outside; position: relative; margin: 0 0 8px 0;}
.postcontent ul li {list-style: none; list-style-position: outside; position: relative; margin: 0 0 8px 0;}
.postcontent ul li:before {content: "\f105"; font-family: FontAwesome; display: inline-block; margin-left: -18px; width: 18px; color: #004CA3;}
.postcontent div.elementor-widget-container > h3:first-child {margin-top: 0;}
.postcontent p img {width: 100%; height: auto; margin: 20px 0; display: block;}
.postcontent .swiper-pagination {position: relative; margin: 14px 0 0 0;}
.postcontent p:first-of-type {margin-top: 0;}
.postcontent p:last-of-type {margin-bottom: 0;}
.postcontent li:last-of-type {padding-bottom: 15px;}

.parspacing0 p, .parspacing0 span, .parspacing0 ul, .parspacing0 ol {margin: 0;}
.parspacing1 p, .parspacing1 span, .parspacing1 ul, .parspacing1 ol {margin: 5px 0;}
.parspacing2 p, .parspacing2 span, .parspacing2 ul, .parspacing2 ol {margin: 10px 0;}
.parspacing3 p, .parspacing3 span, .parspacing3 ul, .parspacing3 ol {margin: 15px 0;}
.parspacing4 p, .parspacing4 span, .parspacing4 ul, .parspacing4 ol {margin: 20px 0;}
.parspacing0 ul li, .parspacing0 ol li {margin: 0 0 0 0;}
.parspacing1 ul li, .parspacing1 ol li {margin: 0 0 4px 0;}
.parspacing2 ul li, .parspacing2 ol li {margin: 0 0 8px 0;}
.parspacing3 ul li, .parspacing3 ol li {margin: 0 0 12px 0;}
.parspacing4 ul li, .parspacing4 ol li {margin: 0 0 16px 0;}

.rot15 {transform: rotate(15deg);}
.rot30 {transform: rotate(30deg);}
.rot45 {transform: rotate(45deg);}
.rot60 {transform: rotate(60deg);}
.rot75 {transform: rotate(75deg);}
.rot90 {transform: rotate(90deg);}
.rot-15 {transform: rotate(-15deg);}
.rot-30 {transform: rotate(-30deg);}
.rot-45 {transform: rotate(-45deg);}
.rot-60 {transform: rotate(-60deg);}
.rot-75 {transform: rotate(-75deg);}
.rot-90 {transform: rotate(-90deg);}

.crop .elementor-icon-wrapper .elementor-icon {display: block; text-align: unset;}
.crop .elementor-icon-wrapper .elementor-icon svg {height: auto !important; display: block;}
.crop .elementor-icon-wrapper {text-align: -webkit-center; text-align: -moz-center;}
.cropcenter .elementor-icon-wrapper .elementor-icon {display: block; text-align: -webkit-center; text-align: -moz-center;}
.cropcenter .elementor-icon-wrapper .elementor-icon svg {height: auto !important; display: block;}
.shadow svg {filter: drop-shadow(0 4px 4px #00002090);}

.nomargin, div.nomargin, .nomargin p, .nomargin span, .nomargin a, .nomargin ul, .nomargin ol, .nomargin li {padding:0 !important; margin:0 !important;}
.nodecor a {text-decoration: none !important;}

/* Excerpt text blocks lines number limit */
.postlisting .postlisting-exc .ae-element-post-content, 
.postlisting .postlisting-title h4 
	{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.excln4 .postlisting-exc .ae-element-post-content {-webkit-line-clamp: 4 !important;}
.excln3 .postlisting-exc .ae-element-post-content {-webkit-line-clamp: 3 !important;}
.excln2 .postlisting-exc .ae-element-post-content {-webkit-line-clamp: 2 !important;}
.titln2 .postlisting-title h4 {-webkit-line-clamp: 2 !important;}
.titln1 .postlisting-title h4 {-webkit-line-clamp: 1 !important;}

.buttontile .elementor-button-wrapper a.elementor-button-link {height: 180px; display: flex; flex-direction: column; justify-content: center;}

/* Featured and single images */
.blockimg > .elementor-widget-container, .blockimgcol {overflow: hidden !important; }
.blockimg {width: 100% !important; overflow: hidden !important;}

/* Comments styling */
.commentbox .title-comments, .commentbox .comment-reply-title {font-size: 20px; text-transform: uppercase; padding: 0; margin: 30px 0 20px;}
.commentbox .comment-form-cookies-consent label {display: inline-block; font-size: 13px; font-weight: 400; text-decoration: none; text-transform: none; position: relative; left: 10px; top: -1px; margin: 20px 0;}

.meetingconfirmed {margin: 16px 0 20px 0 !important;}
.meetingconfirmed .gchoice {margin-bottom: 12px !important;}
.meetingconfirmed .gchoice label {font-size: initial !important; text-transform: none; font-weight: 400; letter-spacing: 0;}
.howreachyou .gsection_title {margin: 0 !important;}
.howreachyou .gsection_description {font-size: 16px !important; font-weight: 600; text-transform: uppercase; color: #7C8383; padding: 0 !important; margin: 10px 0 30px 0 !important;}
div.gfield_description {font-size: 13.1px !important; margin-top: 0 !important; padding-top: 0 !important;}
.gdprconsent {margin: 16px 0 0 0 !important;}
.gdprconsent label {font-size: 15px !important; text-transform: none; color: #4F5454 !important; font-weight: 500 !important; letter-spacing: -0.1px;}
label.gfield_label {font-size: 16px !important; padding: 0 !important; margin: 0 !important; text-transform: none; font-weight: 500 !important; letter-spacing: 0 !important;}
.companyselect {border: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important;}
.companychoice {margin-bottom: 30px;}

fieldset.consent div.gfield_description {padding: 16px !important; margin: 10px 0 0 0 !important;}

fieldset.locationchoice {grid-column: span 8 !important; -ms-grid-column-span: 8 !important;}
div.officeblock {grid-column: span 4 !important; -ms-grid-column-span: 4 !important;}
@media (max-width: 769px) { 
	fieldset.locationchoice {grid-column: span 12 !important; -ms-grid-column-span: 12 !important;}
	div.officeblock {grid-column: span 12 !important; -ms-grid-column-span: 12 !important;}	
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {margin: 50px 0 0 0; padding: 0;}
.gdprconsent div.gfield_description { margin: 10px 0 0 0 !important; border-width: 1px !important; padding: 10px !important;}

/* Checkboxes & Radio */
input[type=checkbox] {position: relative; display: inline-block !important; margin: 0px 12px 2px 0 !important; }
input[type=checkbox]:after {cursor: pointer; position: absolute; top: -6px; left: -4px; content: ''; width: 24px; height: 24px; z-index: 1; background: white; border: 2px solid #4F5454; border-radius: 4px;}
input[type=checkbox]:checked:after {background: #d1f1ff; background-image: url( 'https://dev.syto.thecamels.eu/media/nav-icon-02.svg' ); background-repeat: no-repeat; background-size: 12px 12px; background-position: center;}
input[type="radio"] {display: none !important; visibility: hidden;}
input[type="radio"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 50%;
  border: 2px solid #4F5454;
}
input[type="radio"]:checked + *::before {
  background: radial-gradient(#0072F5 0%, #0072F5 40%, transparent 50%, transparent);
  border-color: #00397A;
}
input[type="radio"]:checked + * {
  color: #00397A;
}

/* Cookie info */
.cky-notice-des p, .cky-notice-des a, .cky-preference-center p {font-size: 13px !important; line-height: 1.4em;}
p.cky-title, span.cky-preference-title {font-weight: 600 !important; font-size: 11pt !important; line-height: 1.2em !important; letter-spacing: -0.2px; text-transform: uppercase; margin: 0 0 6px 0 !important;}
button.cky-btn {text-transform: uppercase; line-height: 1em; margin: 3px;}
.cky-footer-wrapper > div:last-child {display: none !important;}
.cky-switch input[type="checkbox"] {border-radius: 50px !important;}
@media (max-width: 440px) { .cky-notice-des {max-height: 60vh !important; overflow-y: hidden !important;} }




/* Tweaks */
.elementor-section-wrap {margin: 0 0 0 0;}
.socialsharepanel .fa, .socialsharepanel .fas {font-weight: 400;}
.maincol {width: 100% !important;}
#mainmenu span.sub-arrow {font-size: 12px; padding: 2px 0 5px 3px;}
.topalign .elementor-icon-list-icon {align-self: flex-start; margin: 2px 0 0 0;}
.iconpanel-section .elementor-container, .iconpanel-section-left .elementor-container {display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; align-items: flex-start;}
.iconpanel-section .elementor-container {justify-content: space-around;}
.iconpanel-section-left .elementor-container {justify-content: flex-start;}
.iconpanel {width: 33% !important; min-width: 174px; max-width: 400px;}
.elementor-post-navigation a {text-decoration: none !important;}
span.post-navigation__next--label, span.post-navigation__prev--label {line-height: 1.5em;}
span.post-navigation__prev--label:before, span.post-navigation__next--label:after {content: ''; display: inline-block;  width: 20px; height: 20px; white-space: pre-wrap; position: relative; background-position: center; background-size: contain; background-repeat: no-repeat;}
span.post-navigation__next--label:after {background: url(/media/nav-icon-04.svg);  top: 5px; right: -5px;}
span.post-navigation__prev--label:before {background: url(/media/nav-icon-03.svg);  top: 5px; left: -5px;}
.flipbox1 h3, .flibbox1 a.elementor-flip-box__button {text-shadow: 0 2px 3px #000000d0 !important;}
#centerfield input, #centerfield .elementor-message {text-align: center !important;}
.boxreadmore a.elementor-button-link{width: 100% !important; text-align: left !important;}
.boxreadmore a.elementor-button-link span {text-align: left !important;}