/*
  Theme Name: Athensvision
  Theme URI: https://wizy.gr
  Version: 1.0.0
  Template: Divi
  Author: Wizy
  Author URI: https://wizy.gr
  Description: Athensvision Theme
  Text Domain: athensvision
  License: GPL
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

::selection {
    color: #ffffff;
    background: #1d9ad6;
}

/* ##### HEADER ##### */
/* Remove divi default effects for items with a drop down menu */
.et-menu .menu-item-has-children > a:first-child {padding-right: 0px}
.et-menu .menu-item-has-children > a:first-child:after{content: "" !important; margin-top: -2px;}
.et-menu .menu-item-has-children {padding-right: 0px;}
/* Dropdown menu width */
@media screen and (min-width: 981px) {
.nav li ul {width: 300px !important;border-radius: 10px;box-shadow: 0 0px 40px 5px #00302f33;}
.nav li li ul {left: 300px !important;}
#top-menu li li a {width: 270px;}
.et-menu li li a {padding: 5px 15px;width: 270px;}
.nav li li {padding: 0 15px;}
.et-menu li li.menu-item-has-children > a:first-child::after {top: 8px !important;}
}
/* Responsive font-size */
@media only screen and (max-width: 1130px) and (min-width: 1059px)  {
.et_pb_menu_0_tb_header.et_pb_menu ul li a {font-size: 15px !important;}
}
@media only screen and (max-width: 1060px) and (min-width: 981px)  {
.et_pb_menu_0_tb_header.et_pb_menu ul li a {font-size: 14px !important;}
}

/* ##### Collapsing Mobile Menu ##### */
/* Change hamburger icon to x when mobile menu is open */
.mobile_nav.opened .mobile_menu_bar:before {
 content: '\4d';
}
/* adjust the new toggle element which is added via jQuery */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon{
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}
/* some code to keep everything positioned properly */
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}
/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}
/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}
/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}
/*rotate the Divi Menu icon on click*/
.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}
/*rotate the Divi Menu icon on click*/
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}
/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon {
	text-align: center;
	opacity: 1;
}
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #1D9AD6;
	background: #f1f1f1;
	border-radius: 50%;
	padding: 3px;
}
/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after {
	content: '\32';
}
/*force the background color and add a rounded border*/
 ul#mobile_menu1 {
	background-color: #ffffff!important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.et_mobile_menu a{font-weight: 600 !important;} 
.sub-menu .menu-item{padding: 0;width:100%}


/* Add A Point On Top of The Divi Submenu Dropdown  */
nav > ul > li > ul::after {
    position: absolute;
    left: 15%;
    margin-left: -20px;
    top: -14px;
    width: 0;
    height: 0;
    content: '';
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
}


/* Doctor Page */
.wpb_category_n_menu_accordion > ul > li > a{background: #1d9ad6;color: #fff !important;}
.wpb_category_n_menu_accordion ul > li li {margin: 0 !important;background: #cee9f6;}
.wpb_category_n_menu_accordion ul > li li a {color: #555 !important;}
.wpb_category_n_menu_accordion > ul > li:not(:last-child) > a {border-bottom: 1px solid #fff !important;}
.wpb_category_n_menu_accordion > ul > li li:hover > a, .wpb_category_n_menu_accordion > ul > li li.current-cat > a, .wpb_category_n_menu_accordion li.wpb-submenu-indicator-minus > a {border-left-color: #1d9ad6;}
.wpb_category_n_menu_accordion > ul > li > a:hover {background-color: #1a8ac0;color: #fff;}
.wpb_category_n_menu_accordion ul > li a{text-transform: uppercase;}
.wpb_category_n_menu_accordion .sub-menu{display:block !important;}

@media all and (max-width: 1100px) {
		.section-why-athens .et_pb_column{width:100% !important;margin-bottom: 30px !important;}
}
@media all and (min-width: 981px) and (max-width: 1100px) {
	.home_section_latest_news .column.size-1of3{width: 31.3%!important;margin-right: 2%!important;}
}
@media all and (min-width: 1143px) and (max-width: 1297px) {
.section-why-athens .et_pb_blurb{min-height: 460px!important;}
}
@media all and (min-width: 1101px) and (max-width: 1142px) {
.section-why-athens .et_pb_blurb{min-height: 495px!important;}
}
@media all and (max-width: 1100px) {
.section-why-athens .et_pb_blurb{min-height: 350px!important;}
}
@media all and (max-width: 479px) {
}

.et_pb_text_inner h2, .et_pb_text_inner h3{padding-top:10px !important;}
.et_pb_text_inner p{padding:10px 0 !important;}
#left-area ol, .entry-content ol, .et-l--body ol, .et-l--footer ol, .et-l--header ol {list-style-position: outside!important;}
#left-area ol li, .entry-content ol li, .et-l--body ol li, .et-l--footer ol li, .et-l--header ol li{margin-left: 1rem!important;}

/* Page 404 */
#notfound{position:relative;height:70vh}
#notfound .notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.notfound{max-width:560px;width:100%;padding-left:160px;line-height:1.1}
.notfound .notfound-404{position:absolute;left:0;top:0;display:inline-block;width:140px;height:140px;background-image:url(/wp-content/uploads/2021/09/emoji.png);background-size:cover}
.notfound .notfound-404:before{content:'';position:absolute;width:100%;height:100%;-webkit-transform:scale(2.4);-ms-transform:scale(2.4);transform:scale(2.4);border-radius:50%;background-color:#f2f5f8;z-index:-1}
.notfound h1{font-size:65px;font-weight:700;margin-top:0;margin-bottom:10px;color:#151723;text-transform:uppercase}
.notfound h2{font-size:21px;font-weight:400;margin:0;text-transform:uppercase;color:#151723}
/*.notfound p{color:#999fa5;font-weight:400}*/
.notfound p:not(.has-background):last-of-type{padding-bottom: 1em;}
.notfound a{display:inline-block;font-weight:700;border-radius:40px;text-decoration:none;color:#388dbc}
@media only screen and (max-width: 767px) {
.notfound .notfound-404{width:110px;height:110px}
.notfound{padding-left:15px;padding-right:15px;padding-top:110px}
}

/* COOKIE NOTICE */
#cookie-notice.cookie-notice-visible{
	min-width: 200px;
	max-width: 500px;
	padding: 20px;
	box-shadow: 0px 0px 12px 0px #0000004d;
	border: 5px solid #1d9ad6;
}
#cookie-notice, #cn-more-info{	
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 29px !important;
}
#cn-notice-buttons a {margin: 10px!important;}
#cn-accept-cookie, #cn-refuse-cookie{
	color: #fff !important;
	border: 10px solid #1d9ad6;
	border-width: 0px !important;
	background-color: #1d9ad6;
}
#cn-more-info{color:#666666;border: unset;padding: 0;}
#cn-close-notice{display:none;}
#cn-refuse-cookie{
	background-color: #3c3d41 !important;
}


/* CONTACT FORM 7 */
.wpcf7 .form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.wpcf7 .form-col {
  flex: 1;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
  width: 100%;
  padding: 15px;
  font-size: 16px;
  border: none;
  background: #f6f8fb;
  color: #000;
  box-sizing: border-box;
  border-radius: 0;
  margin-bottom: 20px;
  outline: none;
  box-shadow: none;
}
.wpcf7 ::placeholder {
  color: #169bd7;
  opacity: 1;
}
.wpcf7 input[type="submit"] {
  background-color: #169bd7;
  color: white;
  padding: 15px 30px;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  float: right;
}
.wpcf7 textarea {
  height: 160px;
  resize: vertical;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  outline: 2px solid #169bd7;
}
.wpcf7 select {
  color: #169bd7; /* Blue text */
}
.wpcf7 select option {
  color: #000; /* Normal black for real options */
}
.wpcf7 select option:disabled {
  color: #169bd7; /* Placeholder color */
}
@media (max-width: 768px) {
  .wpcf7 .form-row {
    flex-direction: column;
  }
  .wpcf7 .form-col {
    width: 100%;
  }
  .wpcf7 input[type="submit"] {
    width: 100%;
    float: none;
    text-align: center;
  }
}