/*
Theme Name:   exploration
Description:  Official theme for Exploration Childrens Museum
Author:       hiremycode
Author URL:   https://www.hiremycode.com
Template:     technico
Version:      0.00000185
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  exploration
*/



:root {	
	--dark-color: #231F20;
	--text-color: #5C5C5C;
	--brand-color: #EC008C;
	--grey-color: #F6F4F0;
	--green-color: #00A861;
	--orange-color: #F15A22;
	--blue-color: #134A86;
}

/******************* GENERAL */
html, body {overflow-x: hidden !important}
body, .entry-content {font-family: "Geologica", sans-serif !important; font-size: 16px !important; font-weight: 300 !important; line-height: 22px !important; letter-spacing: 0px; color: var(--text-color)}
h1,h2,h3,h4,h5,h6 {font-family: "Geologica", sans-serif; font-weight: 800 !important; letter-spacing: -0.03em !important; color: var(--dark-color)}
strong {font-weight: 600 !important}
.big-text {font-size: 18px !important; line-height: 24px !important}

.entry-content p > a {font-weight: 300; border-bottom: 0px !important; color: var(--text-color); border-bottom: 1px solid var(--brand-color) !important}
.entry-content p > a:hover {color: var(--dark-color); border-bottom: 1px solid var(--dark-color) !important}
.entry-content ul li {margin-bottom: 10px; color: var(--text-color); font-size: 18px}
.entry-content ol li {margin-bottom: 10px; color: var(--text-color); font-size: 18px}

.centered {text-align: center !important}

.svg-image .vc_figure {width: 100%}
.svg-image .vc_single_image-wrapper {width: 100%}

.withtitle {padding-top: 20px !important}

.mfp-title {display: none !important;}

/******************* MAIN ***/
.main {padding-top: 235px !important; padding-bottom: 0px !important}
.home .main {padding-top: 0px !important;}
.blog .main {padding-top: 0px !important; padding-bottom: 80px !important}
.archive .main {padding-top: 0px !important; padding-bottom: 80px !important}
.single .main {padding-top: 250px !important; padding-bottom: 80px !important}


/******************* LOGO */
.site-logo {position: relative; width: 200px;}
.site-logo svg {width: 200px;height: auto;}
.site-logo a {margin-bottom: 0px !important}
.alt-logo {display: none; width: 55px;}
.alt-logo svg {width: 55px; height: auto}
.scrollActive .site-logo {display: none !important;}
.scrollActive .alt-logo {display: block !important;}


/******************* HEADER */
.header {position: absolute; width: 100%; left: 0px; top: 0px; background: transparent; z-index: 800;}
.mast-head-wrap {padding: 25px 15px; align-items: flex-start}

.scrollActive .header {position: fixed; background: #ffffff; border-bottom: 2px solid var(--grey-color);}
.scrollActive .mast-head-wrap {padding: 15px 15px; align-items: center}

.firstcol {}
.secondcol {display: flex; align-items: center; justify-content: flex-end; gap: 20px}

.header-right {display: block; margin-top: 25px}
.scrollActive .header-right {margin-top: 0px;}


/********************* MENU */
.nav {display: block; margin-top: 25px;}
.scrollActive .nav {margin-top: 0px;}
.nav ul {text-align: right}
.nav ul li a {font-family: "Geologica", sans-serif; font-weight: 600 !important; font-size: 16px !important; line-height: 23px !important; color: var(--dark-color) !important; letter-spacing: 0px; border: 0px; border-bottom: 2px solid transparent !important; margin-right: 25px !important; text-transform: none; padding-top: 10px; padding-bottom: 10px}

.nav ul li a:hover {color: var(--dark-color) !important; border-bottom: 2px solid var(--brand-color) !important}
.nav ul li.current-menu-item a {color: var(--dark-color) !important; border-bottom: 2px solid var(--dark-color) !important}

.navigation .menu-item-has-children > a {margin-right: 35px !important;}
.navigation .menu-item-has-children > a:hover {border-bottom: 2px solid transparent !important}
.navigation .menu-item-has-children > a::after {margin-top: -12px !important; right: 18px !important; font-size: 10px !important}

/*submenu*/
.navigation ul {padding: 25px !important; border-radius: 0px; background: #ffffff; border: 2px solid var(--grey-color); box-shadow: none !important}
.navigation > li ul li a {padding: 8px 0px !important; color: var(--dark-color) !important}
.navigation > li ul li a:hover {color: var(--dark-color) !important; border-bottom: 2px solid var(--brand-color)}
.navigation > li ul li.current-menu-item a {color: var(--dark-color) !important; border-bottom: 2px solid var(--brand-color)}


/********************* BUTTONS ***/
.vc_btn3 {background-image: none !important; font-weight: 600; font-size: 16px !important; border: 0px !important; text-transform: none !important; font-family: "Geologica", sans-serif; letter-spacing: 0px; border-radius: 0px !important; padding: 12px 50px 14px 25px !important; height: auto !important; position: relative}
.vc_btn3:hover {background: var(--brand-color) !important; color: #ffffff !important}
.vc_btn3:after {content: ""; position: absolute !important; display: block !important; width: 15px; height: 20px; top: 13px; right: 25px; background-color: var(--brand-color); -webkit-mask: url(img/btn-icon.svg) center / contain no-repeat; mask: url(img/btn-icon.svg) center / contain no-repeat; transition: background-color 0.3s ease;}
.vc_btn3:hover:after {background-color: #ffffff; transition: background-color 0.3s ease;}

.ondark .vc_btn3:hover {background: #ffffff !important; color: var(--dark-color) !important;} 
.ondark .vc_btn3:hover:after {background-color: var(--brand-color); transition: background-color 0.3s ease;}

.standout-btn {font-weight: 600; font-size: 16px; text-transform: none !important; line-height: 23px !important; font-family: "Geologica", sans-serif; letter-spacing: 0px; border-radius: 0px !important; padding: 12px 50px 14px 25px !important; height: auto !important; background: var(--dark-color); color: #ffffff !important; text-align: center; transition: background 0.3s ease-in-out; position: relative;}
.standout-btn:hover {background: var(--brand-color)}

.standout-btn:after {content: ""; position: absolute !important; display: block !important; width: 15px; height: 20px; top: 13px; right: 25px; background-color: var(--brand-color); -webkit-mask: url(img/btn-icon.svg) center / contain no-repeat; mask: url(img/btn-icon.svg) center / contain no-repeat; transition: background-color 0.3s ease;}
.standout-btn:hover:after {background-color: #ffffff; transition: background-color 0.3s ease;}

.order-btn {margin-top: 40px !important; margin-bottom: 40px !important}

/****************** HERO ***/
.hero {min-height: 650px; height: 100vh; position: relative; background-color: transparent; color: var(--dark-color); background-position: center center; background-size: cover; overflow: hidden}

.hero > .wpb_column,
.hero > .wpb_column > .vc_column-inner,
.hero > .wpb_column > .vc_column-inner > .wpb_wrapper {
    position: static;
}

.hero-column {opacity: 0; animation: HMCfadeIn 0.8s ease-in forwards; margin-bottom: 80px; position: relative; z-index: 2}
.hero-title {margin-top: 0px !important; font-size: 72px; line-height: 82px; color: var(--dark-color); margin-bottom: 10px !important}
.hero-subtitle {color: var(--dark-color); font-size: 26px; line-height: 34px; font-weight: 600; margin-bottom: 15px !important}

@keyframes HMCfadeIn {
  to {
    opacity: 1;
  }
}

.small-hero {padding-top: 0px !important; padding-bottom: 60px !important}

/********************* HERO ANIMATIONS ***/
.hero-animation {position: absolute; margin: 0 !important; pointer-events: none; z-index: 1;}
.hero-animation figure, .hero-animation .vc_single_image-wrapper {display: block; width: 100%;}
.hero-animation svg {display: block; width: 100%; height: auto; overflow: visible;}

.hero-pink {width: min(766px, 39.8958vw); right: 0; bottom: 180px;}
.hero-pink .vc_single_image-wrapper {aspect-ratio: 766 / 432;}
.hero-pink svg {aspect-ratio: 766 / 432;}

.hero-blue, .hero-yellow {width: 100vw; left: 0; bottom: 180px; transform: none; opacity: 0; visibility: hidden;}

.hero-animation.is-active {opacity: 1; visibility: visible;}
.hero-animation.is-hidden {opacity: 0; visibility: hidden;}


/****************** PAGE HERO ***/
.page-hero {padding-top: 250px; padding-bottom: 0px; background: transparent !important;}
.page-title {font-size: 72px !important; line-height: 82px; color: var(--dark-color); letter-spacing: 0px; margin-top: 0px !important; margin-bottom: 30px !important; position: relative}


/****************** SECTIONS ***/
.section {padding-top: 80px; padding-bottom: 80px;}

.bottom-section {padding-top: 0px !important}

.light-section {background: var(--grey-color);}
.dark-section {background: var(--dark-color); color: #ffffff}
.dark-section .section-title, .dark-section .small-title {color: #ffffff}

.about-section {min-height: 600px; position: relative; background-image: url("/wp-content/uploads/2026/10/about-graphic-symbols.svg"); background-repeat: no-repeat; background-position: left center; background-size: 40% auto; overflow: hidden;}

.vertical-symbol-section {position: relative; background-image: url("/wp-content/uploads/2026/10/about-graphic-symbol-vertical.svg"); background-repeat: no-repeat; background-position: right 100px bottom; background-size: auto 90%; overflow: hidden;}

/****************** TITLES ***/
.section-hypertitle {font-size: 15px; letter-spacing: 1px; font-weight: 800; }
.section-title {font-size: 52px !important; line-height: 62px; color: var(--dark-color); letter-spacing: 0px; margin-top: 0px !important; margin-bottom: 20px !important; overflow-y: hidden}

.tiny-title {font-size: 22px; line-height: 26px;  margin-top: 0px !important; overflow-y: hidden}
.small-title {font-size: 26px; line-height: 34px; margin-top: 0px !important; overflow-y: hidden}
.medium-title {font-size: 34px; margin-top: 0px !important; overflow-y: hidden}


/****************** BULLETS WITH ICONS ***/
.bullet-icon {padding-left: 55px; position: relative;}
.small-bullet.bullet-icon {padding-left: 35px} 
.bullet-text {margin-bottom: 40px}
.small-bullet .bullet-text {margin-bottom: 15px}
.yellow-bullet:before {content: url(img/bullet-circle.svg) !important; position: absolute; left: 15px; top: 2px;}
.blue-bullet:before {content: url(img/bullet-square.svg) !important; position: absolute; left: 15px; top: 2px;}
.pink-bullet:before {content: url(img/bullet-triangle.svg) !important; position: absolute; left: 15px; top: 7px;}
.pink-square-bullet:before {content: url(img/bullet-pink-square.svg) !important; position: absolute; left: 15px; top: 1px;}

/****************** HOME COLUMNS ***/
.box-column {color: var(--dark-color)}
.school-column > .vc_column-inner > .wpb_wrapper {padding: 40px; background: var(--green-color);}
.family-column > .vc_column-inner > .wpb_wrapper {padding: 40px; background: var(--orange-color);}


/****************** STATS SECTION ***/
.stat-row > .vc_column_container > .vc_column-inner > .wpb_wrapper {border-top: 3px solid var(--text-color); padding-top: 15px;padding-bottom: 20px}
.stat-row.last > .vc_column_container > .vc_column-inner > .wpb_wrapper {border-bottom: 3px solid var(--text-color)}
.stat-row.last {margin-bottom: 50px !important}
.stat-row.first {margin-top: 50px !important}
.stat-counter {font-variant-numeric: tabular-nums;}


/****************** CTA SECTION ***/
.cta-section {position: relative; overflow: hidden;}
.cta-animation {position: absolute; width: 85vw; max-width: none; left: 50%; top: 50%; transform: translate(calc(-50% - 7.5vw), -50%); margin: 0 !important; pointer-events: none; z-index: 1;}
.cta-animation figure, .cta-animation .vc_single_image-wrapper {display: block; width: 100%;}
.cta-animation svg {display: block; width: 100%; height: auto; overflow: visible;}
.cta-section .wpb_column {position: relative; z-index: 2;}


/****************** PARTNERS SECTION ***/
.partners-logos .vc_column-inner > .wpb_wrapper {display: flex; align-items: center; justify-content: flex-end; gap: 30px;}
.partners-logos .wpb_single_image {margin-bottom: 0; flex: 0 1 auto;}
.partners-logos .wpb_single_image img {display: block; width: auto; max-width: 100%; max-height: 75px; height: auto; transition: filter 0.25s ease;}
.partners-logos .wpb_single_image:hover img {filter: brightness(1.12);}


/****************** BLOG ***/
/*home blog sections*/
.blog-grid {margin-top: 40px !important; margin-bottom: 0px !important}

/*filters*/
.post-filters {margin-bottom: 0px}
.post-filters .widget_categories .widget-title {display: none}
.post-filters .widget_categories li {display: inline-block; margin-right: 10px; }
.post-filters .widget_categories li a {color: var(--dark-color) !important; font-weight: 700; padding: 8px 20px 9px 20px; border: 1px solid var(--dark-color);}
.post-filters .widget_categories li.current-cat a {color: #ffffff !important; background: var(--dark-color) !important}
.post-filters .widget_categories li:hover a {color: #ffffff !important; background: var(--brand-color) !important; border-color: var(--brand-color) !important}

.mobile-categories-select {display: none;}

/*loop posts*/
.post-content {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}

.post-wrapper {position: relative; transition: all 0.3s ease}
.post-wrapper:hover {transition: all 0.3s ease}

.post-wrapper .entry-meta-item, .single-post .entry-meta-item {margin-right: 4px;}
.post-wrapper .entry-meta-item::after, .single-post .entry-meta-item:after {display: none}

.post-wrapper .entry-meta {margin: 0px 0px 20px 0px !important;}
.post-wrapper .entry-meta::after, .single-post .entry-meta:after {display: none !important}
.post-wrapper .entry-title {margin-bottom: 20px; font-size: 26px !important; line-height: 34px; font-weight: 800 !important;}
.post-wrapper .entry-title a {color: var(--dark-color)}
.post-wrapper .entry-title a:hover {color: var(--dark-color)}
.single-post .entry-title {margin-bottom: 25px; font-size: 42px !important; font-weight: 800 !important;}

.post-wrapper .entry-time, .single-post .entry-time {font-weight: 600; color: var(--text-color); position: relative; font-size: 16px;}
.post-wrapper .entry-time::after, .single-post .entry-time::after {display: none}

.post-wrapper .entry-categories, .single-post .entry-categories {position: relative; }
.post-wrapper .entry-categories a, .single-post .entry-categories a {color: var(--text-color) !important; font-weight: 600 !important; border-bottom: 0px !important; font-size: 16px;}
.post-wrapper .entry-categories a:hover, .single-post .entry-categories a:hover {border-bottom: 0px !important; color: var(--brand-color) !important}
.post-wrapper .entry-categories:before, .single-post .entry-categories:before {content: "•"; padding-right: 5px; font-size: 14px}

.post-wrapper .excerpt {font-size: 16px;}

/* Entry Thumb Overlay */
.post-wrapper .entry-thumb {position: relative; overflow: hidden; border-bottom: 0; isolation: isolate;}
.post-wrapper .entry-thumb img {display: block; transition: filter 0.4s ease;}
.post-wrapper .entry-thumb::after {content: ""; position: absolute; inset: 0; z-index: 1; background: var(--brand-color); opacity: 0.80; clip-path: inset(calc(100% - 8px) 0 0 0); transition: clip-path 0.4s ease; pointer-events: none;}
.post-wrapper:hover .entry-thumb img {filter: grayscale(100%);}
.post-wrapper:hover .entry-thumb::after {clip-path: inset(0 0 0 0);}

/* Category Colors
.post-wrapper .category-sxolika-programmata .entry-thumb::after {background: var(--green-color);}
.post-wrapper .category-politistikes-diadromes .entry-thumb::after {background: var(--orange-color);}
 */
 
/* Category Icons 
.post-wrapper .category-sxolika-programmata .entry-thumb::before, .post-wrapper .category-politistikes-diadromes .entry-thumb::before {content: ""; position: absolute; inset: 0; z-index: 2; background-repeat: no-repeat; background-position: right 20px top 20px; background-size: 48px 64px; clip-path: inset(calc(100% - 8px) 0 0 0); transition: clip-path 0.4s ease; pointer-events: none;}
.post-wrapper .category-sxolika-programmata .entry-thumb::before {background-image: url('img/blog-sxolika-programmata-icon.svg');}
.post-wrapper .category-politistikes-diadromes .entry-thumb::before {background-image: url('img/blog-politistikes-diadromes-icon.svg');}
.post-wrapper:hover .category-sxolika-programmata .entry-thumb::before, .post-wrapper:hover .category-politistikes-diadromes .entry-thumb::before {clip-path: inset(0 0 0 0);}
*/

/*pagination*/
.page-numbers {background: transparent !important; font-size: 16px !important; font-weight: 800 !important; letter-spacing: 0px !important; color: var(--dark-color) !important; padding: 0px !important; text-align: center; width: 30px; height: 30px; line-height: 30px !important;}
.page-numbers.next {width: auto !important}
.page-numbers.prev {width: auto !important}

.page-numbers.current {background: transparent !important; color: var(--brand-color) !important;}
.page-numbers:hover {background: transparent !important; color: var(--brand-color) !important;}

/*single post*/
.single-post .post-content-wrapper {padding-right: 50px}

.single-post .sidebar {padding: 40px !important; background: var(--grey-color);}
.single-post .sidebar .widget-title {color: var(--dark-color); margin-bottom: 25px}
.single-post .sidebar a {color: var(--dark-color) !important; font-weight: 600 !important; font-size: 16px; line-height: 22px; }
.single-post .sidebar a:hover {color: var(--brand-color) !important;}

.single-post .sidebar select {border-width: 1px; border-color: var(--dark-color);}

.related-sidebar {padding-bottom: 40px}
.related-sidebar-posts {display: flex; flex-direction: column; gap: 25px;}
.related-sidebar-item {display: flex; align-items: flex-start; gap: 15px;}
.related-sidebar-thumb {display: block; flex: 0 0 90px; overflow: hidden; }
.related-sidebar-thumb img {display: block; width: 100%; aspect-ratio: 1; object-fit: cover;}
.related-sidebar-content {flex: 1; min-width: 0;}
.related-sidebar-title {margin-bottom: 6px !important}
.related-sidebar-date {display: block; font-size: 13px; color: var(--text-color); font-weight: 400}


/*********************** GRIDS ***/
.vc_grid-filter.vc_grid-filter-size-md {margin-top: 0px !important; margin-bottom: 40px !important}
.vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {margin-right: 20px !important; color: var(--dark-color) !important; font-weight: 700 !important; padding: 8px 20px 9px 20px !important; border: 1px solid var(--dark-color) !important;}
.vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item:hover {background: var(--brand-color) !important; border-color: var(--brand-color) !important}

.cpt-taxonomies {color: var(--text-color) !important; font-weight: 600 !important; border-bottom: 0px !important; font-size: 16px; margin-top: 25px}
.cpt-title h3 {font-size: 26px !important; line-height: 34px; font-weight: 800 !important; margin-top: 10px !important}
.cpt-title h3 a:hover {opacity: 1 !important}


/*********************** CONTACT ***/
.wpcf7-form p {margin-bottom: 25px}
.wpcf7 label {font-size: 15px; letter-spacing: 1px; font-weight: 800;}

.wpcf7-text {border: 2px solid var(--dark-color); padding: 0px 20px; background: transparent; color: var(--text-color); margin-top: 15px; height: 50px; font-size: 16px !important;}
.wpcf7-select {border: 2px solid var(--dark-color); padding: 0px 20px; background-color: transparent; color: var(--text-color); margin-top: 15px; height: 50px; font-size: 16px !important;}
.wpcf7-number {border: 2px solid var(--dark-color); padding: 0px 20px; background-color: transparent; color: var(--text-color); margin-top: 15px; height: 50px; font-size: 16px !important;}
.wpcf7-date {border: 2px solid var(--dark-color); padding: 0px 20px; background-color: transparent; color: var(--text-color); margin-top: 15px; height: 50px; font-size: 16px !important;  line-height: 48px;}
.wpcf7-textarea {border: 2px solid var(--dark-color); padding: 20px; background: transparent; color: var(--text-color); resize: vertical; height: 200px; margin-top: 15px; font-size: 16px !important;}
.wpcf7-text:hover,.wpcf7-text:focus, .wpcf7-textarea:hover, .wpcf7-textarea:focus, .wpcf7-select:hover,.wpcf7-select:focus, .wpcf7-date:hover, .wpcf7-date:focus, .wpcf7-number:hover, .wpcf7-number:focus {border-color: var(--brand-color)}

.submitbtn {position: relative; width: auto;}
.submitbtn p {position: relative; display: inline-block; margin-bottom: 0 !important;}

.wpcf7-submit {background-color: var(--dark-color) !important; letter-spacing: 0 !important; font-weight: 600 !important; font-size: 16px !important; text-transform: none !important; padding: 12px 55px 14px 25px !important; height: auto !important; color: #ffffff !important; border: 2px solid var(--dark-color) !important; transition: all 0.3s ease !important;}
.wpcf7-submit:hover {background-color: var(--brand-color) !important; color: #ffffff !important; border-color: var(--brand-color) !important;}

.submitbtn p::after {content: ""; position: absolute; display: block; width: 15px; height: 20px; top: 50%; right: 25px; transform: translateY(-50%); background-color: var(--brand-color); -webkit-mask: url('img/btn-icon.svg') center / contain no-repeat; mask: url('img/btn-icon.svg') center / contain no-repeat; pointer-events: none; transition: background-color 0.3s ease;}
.submitbtn p:has(.wpcf7-submit:hover)::after {background-color: #ffffff;}

.wpcf7-spinner {position: absolute !important; top: 10px; margin-left: 50px !important}

.wpcf7-list-item {margin-left: 0px !important; margin-top: 10px !important; width: 100%}
.wpcf7-list-item a {color: var(--text-color) !important}
.wpcf7-list-item label {margin-top: 10px; color: var(--text-color);}
.wpcf7-list-item-label {margin-left: 5px !important}

.forconsent label {font-size: 16px; font-weight: 300 !important; letter-spacing: 0px; color: var(--text-color); text-transform: none !important; display: inline-block; width: calc(100% - 40px)}
.forconsent a {color: var(--text-color) !important; border-bottom: 1px solid var(--brand-color)}
.forconsent a:hover {color: var(--dark-color) !important; border-bottom: 1px solid var(--dark-color)}
.forconsent .wpcf7-form-control-wrap {display: inline-block; margin-right: 15px}

.wpcf7-response-output {text-align: center; font-size: 16px !important; font-weight: 400 !important; margin-left: 0px !important; margin-right: 0px !important; padding: 10px !important}
.wpcf7 form.sent .wpcf7-response-output {background: #46b450 !important; border: 1px solid #46b450 !important; color: var(--bg-color) !important; font-weight: 400 !important}
.wpcf7 form.invalid .wpcf7-response-output {background: #dc3232 !important; border: 1px solid #dc3232 !important; color: var(--bg-color) !important; font-weight: 400 !important}

.wpcf7-not-valid-tip {letter-spacing: 0px; margin-top: 10px; color: var(--brand-color); font-weight: 600}

.wpcf7-list-item input[type="checkbox"] {-webkit-appearance: none; appearance: none; background-color: transparent; margin: 0; font: inherit; color: var(--text-color); width: 18px; height: 18px; border: 2px solid var(--dark-color); transform: translateY(-0.075em); display: inline-grid; place-content: center;}

.wpcf7-list-item input[type="checkbox"]::before {content: ""; width: 0.65em; height: 0.65em; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; background-color: var(--text-color);}

.wpcf7-list-item input[type="checkbox"]:checked::before {transform: scale(1);}




/*********************** FOOTER ***/
.footer {position: relative !important; background-color: #ffffff !important; color: var(--text-color) !important; font-weight: 300 !important; font-size: 16px; border-top: 2px solid var(--grey-color)}
.footer-main {padding-top: 40px; padding-bottom: 40px;}
.footer-main .footer-content {display: flex; flex-wrap: wrap;}

.footer-col {padding-top: 90px;}
.footer-col:first-child {padding-top: 0px}

.widget {font-size: 16px !important; line-height: 23px !important; margin-bottom: 40px; font-weight: 300 !important}
.widget-title {font-weight: 800 !important; font-size: 26px !important; border-bottom: 0px !important; letter-spacing: 0px; position: relative; color: var(--dark-color)}
.widget-title:after {content: none !important}
.footer .widget-title {font-size: 16px !important; letter-spacing: 1px}

.contactul {list-style-type: none; padding-left: 0px; margin: 20px 0 0 0; color: var(--text-color)}
.contactul li {margin-bottom: 4px; font-size: 16px; padding-left: 0px; position: relative; font-weight: 300 !important;}

.footer .contactul {margin: 0px; margin-bottom: 30px;}
.footer .contactul li {margin-bottom: 4px}
.footer .contactul li a {color: var(--text-color) !important;}
.footer .contactul li a:hover {color: var(--brand-color) !important;}
.footer .contactul span {font-weight: 300}

.footer .menu-item {margin-bottom: 4px}
.footer .menu-item a {color: var(--text-color) !important; font-weight: 300 !important}
.footer .menu-item.current_page_item a {background: transparent !important; color: var(--dark-color) !important}
.footer .menu-item.current-menu-item a {background: transparent !important; color: var(--dark-color) !important}
.footer .menu-item a:hover {color: var(--brand-color) !important}

.footer .social-icons {margin-left: 0px}
.footer .social-icon {margin-left: 0px; margin-right: 5px; background: var(--dark-color); color: #ffffff !important; font-size: 20px; text-align: center; width: 36px; height: 36px; line-height: 32px; border: 1px solid var(--dark-color);}
.footer .social-icon .fa-facebook {top: 2px; position: relative}
.footer .social-icon .fa-instagram {top: 1px; position: relative}

.footer .social-icon:hover {background: var(--brand-color); border-color: var(--brand-color)}

.footer .widget_media_image {width: 200px !important}
.footer .widget_media_image svg {width: 200px !important; height: auto}

.footer-copy {border-top: 0px; padding-top: 0px; padding-bottom: 20px; font-weight: 300 !important; font-size: 13px !important; letter-spacing: 0px; background: transparent; color: var(--text-color); line-height: 32px; text-transform: none !important; position: relative}
.footer-copy a {color: var(--text-color) !important}
.footer-copy a:hover {color: var(--brand-color) !important}






/****************** MIN QUERIES ***/

@media screen and (min-width: 360px) {
	
.container {max-width: calc(100% - 30px);}
}

@media screen and (min-width: 544px) {
	
.container {max-width: calc(100% - 30px);}
}

@media screen and (min-width: 768px) {

.container {max-width: calc(100% - 40px);}
}

@media screen and (min-width: 850px) {

.container {max-width: 800px;}
}

@media screen and (min-width: 992px) {

.container {max-width: calc(100% - 40px);}

}

@media screen and (min-width: 1200px) {

.container {max-width: 1150px;}
}

@media screen and (min-width: 1300px) {

.container {max-width: 1200px;}
}

@media screen and (min-width: 1400px) {

.container {max-width: 1300px;}
}

@media screen and (min-width: 1600px) {

.container {max-width: 1500px;}
}

@media screen and (min-width: 1800px) {

.container {max-width: 1700px;}

}

@media screen and (min-width: 2000px) {

.container {max-width: 1900px;}
}





@media screen and (max-width: 1800px) {

}


@media screen and (max-width: 1600px) {


}


@media screen and (max-width: 1400px) {



}


@media screen and (max-width: 1300px) {


.secondcol {width: 40px; position: absolute; right: 30px;}
.thirdcol {width: 220px !important; position: absolute; right: 85px}



/*MENU*/
.nav {display: none}
.mobile-menu-trigger {font-weight: 600; font-size: 15px; letter-spacing: 0px; display: block; color: var(--dark-color); margin-top: 2px}
.mobile-menu-trigger .fa-navicon:before {content: "" !important; display: block; width: 32px; height: 20px; margin-top: 0px; background: url(img/open-menu.png); background-size: cover}

#mobilemenu {display: block; text-align: center; color: var(--dark-color); font-weight: 600 !important; z-index: 600; height: 100% !important; background: transparent;}
.mm-opened #mobilemenu {background: var(--blue-color); }
.mm-menu.mm-top {max-height: 100%}
.mm-navbar {background: transparent !important; border-bottom: 0px !important; }
.mm-navbar .mm-title {display: none}
.mm-close {top: 15px !important; right: 0px !important; width: 65px !important; color: #ffffff !important; font-size: 0px}
.mm-close::after {content: ""; width: 32px; height: 32px; background: url(img/close.png); background-size: cover; background-position: center center; display: block; margin-left: 5px; margin-top: 5px}
.mm-panels {background: transparent}

.mm-listview {height: 90%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mm-listview > li > a, .mm-listview > li > span {white-space: initial}
.mm-listview li a {font-size: 24px !important; line-height: 34px; font-weight: 500 !important; padding: 0px; color: #ffffff !important; letter-spacing: 0.5px; margin-bottom: 10px; border-bottom: 1px solid transparent }
.mm-listview li.current-menu-item a {color: #ffffff !important; border-bottom: 1px solid #ffffff}
.mm-listview li a:hover {color: #ffffff !important; border-bottom: 1px solid #ffffff}
.mm-listview li a:active {background: transparent !important}
.mm-listview li a:focus {background: transparent !important}
.mm-listview > li:not(.mm-divider)::after {content: none}
.mm-menu .mm-listview > li a:not(.mm-next) {-webkit-tap-highlight-color: transparent; tap-highlight-color: transparent;}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {background: transparent;}
.mm-opened .fa-navicon {display: none}

.mm-panel.mm-subopened {opacity: 0 !important}

.mm-prev {top: 20px !important; left: 10px !important}
.mm-prev::after {content:""; width: 32px; height: 32px; background: url(img/back.png); background-size: cover; background-position: center center; display: block }
.mm-prev::before {display: none}

.mm-next {right: -70px !important; width: 350px !important;}
.mm-next:before {border: 0px !important}
.mm-next:after {content: ""; border: 0px !important; transform: none !important; width: 32px !important; height: 32px !important; top: -1px !important; background: url(img/right.png); background-size: cover !important; background-position: center center; display: block}
.mm-next:hover + a {color: #ffffff !important}

.menu-item-has-children a {margin-right: 0px !important; border: 0px !important; }
.menu-item-has-children a:hover {border: 0px !important}


/*HERO*/
.page-hero {padding-top: 190px}


/*TITLES*/
.hero-title {font-size: 44px; line-height: 56px;}
.hero-subtitle {font-size: 15px}
.section-title {font-size: 44px !important; line-height: 56px}
.section-hypertitle {font-size: 15px}
.page-title {font-size: 44px !important; line-height: 56px;}
.small-title {font-size: 30px !important; line-height: 38px}
.member-title {font-size: 22px; line-height: 30px}
.member-subtitle {font-size: 15px}
.widget-title {font-size: 24px !important}
.related-title {font-size: 36px !important; line-height: 46px}
.entry-title {font-size: 22px !important}
.single .entry-title {font-size: 30px !important}
.tax-pathiseis .entry-title {font-size: 24px !important}


/*SPECIALIZATION*/
.tomeas-head-icon .wpb_single_image {margin-bottom: 15px !important}
.tomeas-content {width: 66.66% !important; padding-right: 40px !important}
.tomeas-side {width: 33.33% !important;}


/*CUSTOM POST TYPES*/
.taxonomy-content {width: 66.66% !important; padding-right: 40px !important}
.taxonomy-side {width: 33.33% !important;}

}


@media screen and (max-width: 1100px) {


body, .entry-content {font-size: 15px !important; line-height: 21px !important;}
.entry-content ul li {font-size: 15px}
.entry-content ol li {font-size: 15px}
.page-numbers {font-size: 15px !important;}
.wpcf7-text {font-size: 15px !important;}
.wpcf7-textarea {font-size: 15px !important;}
.forconsent label {font-size: 15px;}
.wpcf7-response-output {font-size: 15px !important; }
.wp-gr .grw-review-inner .wp-google-text {font-size: 15px !important;}
.footer {font-size: 15px }
.widget {font-size: 15px !important; line-height: 21px !important;}
.footer h4 {font-size: 14px !important;}
.contactul li {font-size: 15px;}
.footer .menu-item a {font-size: 14px;}
.footer-copy {font-size: 12px !important;}


/*TITLES*/
.hero-title {font-size: 40px; line-height: 50px;}
.hero-subtitle {font-size: 15px}
.section-title {font-size: 40px !important; line-height: 50px}
.section-hypertitle {font-size: 15px}
.page-title {font-size: 40px !important; line-height: 50px;}
.small-title {font-size: 28px !important; line-height: 36px}
.member-title {font-size: 22px; line-height: 30px}
.member-subtitle {font-size: 15px}
.widget-title {font-size: 24px !important}
.related-title {font-size: 36px !important; line-height: 46px}
.entry-title {font-size: 20px !important}
.entry-title h3 {font-size: 20px !important; margin-top: 20px !important}
.single .entry-title {font-size: 30px !important}
.tax-pathiseis .entry-title {font-size: 24px !important}
.therapy-title {font-size: 19px !important}



/*BUTTONS & LABELS*/
.vc_btn3 {font-size: 14px !important;}
.standout-btn {font-size: 14px;}
.wpcf7-submit {font-size: 14px !important;}
.wpcf7-form label {font-size: 14px !important;}


/*CONTACT*/
#map {height: 500px;}


/*ICONS*/
.therapy-icon svg {width: 70px !important; height: 70px !important}
.tomeas-head-icon {width: 120px !important}
.tomeas-head-icon svg {width: 75px !important; height: 75px !important}


/*SIDEBAR*/
.pages-sidebar .menu li {line-height: 20px}
.pages-sidebar .menu li a {font-size: 14px !important}
.cpt-sidebar .menu li, .sidebar .menu li {line-height: 20px}
.cpt-sidebar .menu li a, .sidebar .menu li a {font-size: 14px !important}

/*FOOTER*/
.footer .widget_media_image svg {width: 200px}



}


@media screen and (max-width: 992px) {

/*GENERAL*/
.nomobile {display: none}
.mm-listview li a {font-size: 21px !important; line-height: 30px; margin-bottom: 8px}


/*SECTIONS*/
.section {padding-top: 80px; padding-bottom: 80px}

.wide-section .vc_col-sm-push-6 {width: 100% !important; left: 0px !important}
.wide-section .vc_col-sm-pull-6 {width: 100% !important; right: 0px !important}

.wide-section .vc_col-sm-6 {width: 100% !important;}
.wide-section .vc_col-sm-8 {width: 100% !important}
.wide-section .vc_col-sm-2 {display: none !important}
.wide-section .about-image {margin-top: 25px !important}

.big-title-section .vc_col-sm-8 {width: 100% !important}
.big-text-section .vc_col-sm-6 {width: 100% !important}
.big-text-section .vc_column_container {padding-top: 0px !important; padding-bottom: 0px !important}


/*MEMBERS*/
.owner-image {margin-bottom: 20px !important}
.members-section .vc_col-sm-4 {width: 100% !important}


/*THERAPIES*/
.therapy-column {width: 50% !important}


/*SPECIALIZATION*/
.tomeas-content {width: 100% !important; padding-right: 15px !important}
.tomeas-side {display: none !important}
.related-title {font-size: 32px !important; line-height: 42px}
.methods-grid .vc_grid-item {width: 50% !important}


/*TAXONOMIES*/
.taxonomy-content {width: 100% !important; padding-right: 15px !important}
.taxonomy-side {display: none !important}


/*POSTS*/
.post-content {grid-template-columns: repeat(2, 1fr)}


/*CONTACT*/
.wpcf7-form {margin-top: 45px; padding-left: 15px; padding-right: 15px}


/*FOOTER*/
.footer-main {padding-bottom: 40px}
.footer .widget {margin-bottom: 60px !important}
.footer-col {width: 50% !important}
.footer-copy {line-height: 24px}
.footer-copy .text-left {width: 100% !important; text-align: center !important}
.footer-copy .text-right {width: 100% !important; text-align: center !important}

}


@media screen and (max-width: 768px) {


.blog .main {padding-top: 0px !important; padding-bottom: 80px !important}
.archive .main {padding-top: 0px !important; padding-bottom: 80px !important}
.single .main {padding-top: 200px !important; padding-bottom: 80px !important}


/*TITLES*/
.hero-title {font-size: 36px; line-height: 44px;}
.hero-subtitle {font-size: 14px}
.section-title {font-size: 36px !important; line-height: 44px}
.section-hypertitle {font-size: 14px}
.page-title {font-size: 36px !important; line-height: 44px;}
.small-title {font-size: 26px !important; line-height: 34px}
.member-title {font-size: 22px; line-height: 30px}
.member-subtitle {font-size: 14px}
.widget-title {font-size: 24px !important}
.related-title {font-size: 26px !important; line-height: 34px}
.entry-title {font-size: 20px !important}
.entry-title h3 {font-size: 20px !important; margin-top: 20px !important}
.single .entry-title {font-size: 26px !important}
.tax-pathiseis .entry-title {font-size: 24px !important}
.therapy-title {font-size: 19px !important}
.politikh-aporrhtou h2 {font-size: 24px !important}
.politikh-aporrhtou h3 {font-size: 19px !important}

/*SECTIONS*/
.section {padding-top: 60px; padding-bottom: 60px}


.tomeas-head-icon {float: left}
.tomeas-head-title{float: left}
.methods-grid .vc_grid-item {float: left !important; padding-bottom: 10px !important}
.methods-grid .entry-title {min-height: 55px}


.carousel-track {animation: scroll-horizontal 30s linear infinite;}

}


@media screen and (max-width: 650px) {



/*THERAPIES*/
.therapy-column {width: 100% !important}
.therapy-title {font-size: 21px !important}


/*SPECIALIZATION*/
.methods-grid {margin-bottom: 0px !important}
.methods-grid .vc_grid-item {width: 100% !important; padding-bottom: 25px !important}
.methods-grid .entry-title {min-height: auto}

/*POSTS*/
.post-content {grid-template-columns: repeat(1, 1fr)}



}

@media screen and (max-width: 543px) {

:root {
  --carousel-offset: 20px; 
}

.carousel-container {padding: 30px 0px 0px 0px}

.header-widget .phone-btn {display: none !important}
.header-widget .contact-btn {display: none !important}




/*TITLES*/
.hero-title {font-size: 36px; line-height: 44px;}
.hero-title .hero-first {display: block}

.hero-subtitle {font-size: 14px}
.section-title {font-size: 32px !important; line-height: 40px}
.section-hypertitle {font-size: 14px}
.page-title {font-size: 32px !important; line-height: 40px;}
.small-title {font-size: 24px !important; line-height: 32px}
.member-title {font-size: 22px; line-height: 30px}
.member-subtitle {font-size: 14px}
.widget-title {font-size: 22px !important}
.related-title {font-size: 24px !important; line-height: 32px}
.entry-title {font-size: 20px !important}
.entry-title h3 {font-size: 20px !important; margin-top: 20px !important}
.single .entry-title {font-size: 24px !important}
.tax-pathiseis .entry-title {font-size: 22px !important}
.therapy-title {font-size: 21px !important}
.politikh-aporrhtou h2 {font-size: 22px !important}
.politikh-aporrhtou h3 {font-size: 19px !important}


.owner-image {margin-bottom: 10px !important}




.footer-main {padding-top: 80px}
.footer-col {width: 100% !important}
.footer-col:first-child {display: none !important;}

.carousel-track {animation: scroll-horizontal 20s linear infinite;}

}



@media screen and (max-width: 460px) {

.tomeas-head-icon {float: none}
.tomeas-head-icon .wpb_single_image {margin-bottom: 0px !important}
.tomeas-head-title{float: none; width: 100% !important; padding-left: 30px !important}


.mm-listview li a {font-size: 19px !important; line-height: 28px; margin-bottom: 6px}

.section-title {font-size: 30px !important; line-height: 38px}
.section-hypertitle {font-size: 14px}
.page-title {font-size: 30px !important; line-height: 38px;}
.small-title {font-size: 24px !important; line-height: 32px}
.member-title {font-size: 22px; line-height: 30px}
.member-subtitle {font-size: 14px}
.widget-title {font-size: 22px !important}
.related-title {font-size: 24px !important; line-height: 32px}
.entry-title {font-size: 20px !important}
.entry-title h3 {font-size: 20px !important; margin-top: 20px !important}
.single .entry-title {font-size: 24px !important}
.tax-pathiseis .entry-title {font-size: 22px !important}
.therapy-title {font-size: 21px !important}




}