/*
Theme Name: Tinos Child
Theme URI: http://demo.arrowpress.net/tinos
Description: Tinos - Versatile office Wordpress theme.
Author: AHT
Author URI: http://arrowhitech.com/
Template:     tinos
Version:      3.0
License: 
License URI: 
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: tinos-child
*/

/*
  ---=== Fonts
*/

/*
@font-face {
    font-family: 'CF_Asty';
    src: url('./fonts/cfastystd-book-webfont/cfastystd-book-webfont.eot');
    src: url('./fonts/cfastystd-book-webfont/cfastystd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/cfastystd-book-webfont/cfastystd-book-webfont.woff2') format('woff2'),
         url('./fonts/cfastystd-book-webfont/cfastystd-book-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'CF_Asty';
    src: url('./fonts/cfastystd-medium-webfont/cfastystd-medium-webfont.eot');
    src: url('./fonts/cfastystd-medium-webfont/cfastystd-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/cfastystd-medium-webfont/cfastystd-medium-webfont.woff2') format('woff2'),
         url('./fonts/cfastystd-medium-webfont/cfastystd-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'CF_Asty';
    src: url('./fonts/cfastystd-bold-webfont/cfastystd-bold-webfont.eot');
    src: url('./fonts/cfastystd-bold-webfont/cfastystd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/cfastystd-bold-webfont/cfastystd-bold-webfont.woff2') format('woff2'),
         url('./fonts/cfastystd-bold-webfont/cfastystd-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
*/

@font-face {
  font-family: "CoTextReg"; /* regular */
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  font-weight: 400;
  src: url("./fonts/CoText_W_Rg.woff2") format("woff2"),
    url("./fonts/CoText_W_Rg.woff") format("woff");
}
@font-face {
  font-family: "CoTextBold"; /* bold */
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  font-weight: 400;
  src: url("./fonts/CoHeadline_W_Bd.woff2") format("woff2"),
    url("./fonts/CoHeadline_W_Bd.woff") format("woff");
}

div,
span,
object,
iframe,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
input {
  font-weight: 400;
}
h1,
h2,
h3,
h4,
h5 {
  /*font-family: CF_Asty !important;*/
  font-family: "CoTextReg";
  letter-spacing: 1px;
  margin-top: 0;
  padding-bottom: 15px;
  position: relative;
  margin-bottom: 20px;
  color: #ed1c24 !important;
  font-weight: 400;
}
h3 {
  line-height: 1.2em !important;
}

h1 {
  font-size: 40px;
}
h4 {
  font-size: 24px !important;
}

body {
  /*font-family: CF_Asty !important;*/
  font-family: "Commissioner", sans-serif;
  font-weight: 400;
  font-size: 15px !important;
  -webkit-font-smoothing: antialiased;
  counter-reset: card-counter;
}

body p {
  font-weight: 400;
  color: #ada8a1;
  line-height: 24px;
}

a.btn {
  color: #fff;
  font-family: "CoTextBold";
}

.entry-content a.btn {
  color: #fff;
}

.widget-title.red {
  color: #ed1c24;
}

.no-padding {
  padding: 0 !important;
}

.no-padding .row {
  margin: 0;
}

.container-flex {
  display: flex;
  flex-wrap: wrap;
}

.col {
  flex: 1;
}

.col-2 {
  -webkit-box-flex: 0 0 12.5%;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
  padding: 0 15px;
}

.col-3 {
  -webkit-box-flex: 0 0 20%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 15px;
}

.col-4 {
  -webkit-box-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding: 0 15px;
}

.container-80 {
  max-width: 80%;
}

.select-style {
  padding: 10px 30px;
  margin-right: 20px;
  border: 1px solid #4d4d4d;
  /*     width: 180px; */
  overflow: hidden;
  background-color: #fff;
  background: #fff;
  position: relative;
  display: inline-block;
  font-family: "CoTextBold";
  color: #4d4d4d;
}
/*
.select-style:after {
    font-family:FontAwesome;
    font-size: 33px;
    top: 6px;
    right: 5px;
    border: solid transparent;
    content: "\f107";
    height: 30px;
    width: 30px;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    z-index: 100;
    transform: rotate(-90deg);
}
*/
.select-style.selected {
  color: red;
}

select {
  position: relative;
  background: #eee;
  padding: 5px 5px 5px 75px;
  font-size: 16px;
  color: #8c8c8c !important;
  border: 0px solid #ccc;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/wp-content/themes/tinos-child/inc/assets/caret-down.png) 96% /
    5% no-repeat #eee;
}

.select-style select {
  padding: 5px 8px;
  width: 130%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/*select, option{
  color:#000 !important; 
}*/

.select-style select:focus {
  outline: none;
}
.read-more a,
a.read-more {
  color: #ed1c24;
}
.read-more a:hover,
a.read-more:hover {
  color: #7c878e !important;
}
.read-more a:after,
a.read-more:after {
  bottom: 0 !important;
  background: #ed1c24;
}
.read-more a:hover:after,
a.read-more:hover:after {
  background: #7c878e;
}
.popover-arrow {
  position: absolute;
  z-index: 2;
  top: -15px;
  left: 20px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ed1c24;
  width: 0;
  height: 0;
  -webkit-filter: drop-shadow(0 -1px 1px #d8d8d8);
  filter: drop-shadow(0 -1px 1px #d8d8d8);
}

/*
  ---=== HEADER
*/

.tinos_inbox_wrap {
  position: relative !important;
}
.header-top {
  background: transparent;
  background-color: rgba(177, 179, 182, 0.4);
  color: #000;
}

.header-top .tinos-search div.dropdown-menu {
  left: 0;
  right: auto;
}

.header-top .tinos-search button {
  color: #000;
  font-size: 20px;
  padding: 0;
}
.header-top .tinos-search button i {
  font-weight: bold;
}
.header-top .tinos-search {
  display: inline-block;
  padding-right: 10px;
}

.header-top .laguage-switch-top {
  display: inline-block;
}

.wpml-ls-current-language a {
  color: #ed1c24;
}

.footer-top ul.tinos_socials {
  display: flex;
  gap: 10px;
  padding-left: 0;
  list-style: none;
}
.footer-top ul.tinos_socials .fa {
  font-size: 20px;
  color: #ed1c24;
}
.footer-top ul.tinos_socials .fa:hover {
  color: #4d4d4d;
}
.header-top .sep {
  display: inline-block;
  padding: 0 10px;
  color: #ed1c24;
}

ul#menu-top-menu {
  margin-bottom: 0px;
  float: right;
}
ul#menu-top-menu li {
  list-style: none;
  display: inline-block;
}
ul#menu-top-menu li a {
  text-transform: lowercase;
  font-family: "CoTextReg";
  color: #ed1c24;
}
ul#menu-top-menu li a:hover {
  color: #4d4d4d !important;
}
ul#menu-top-menu li:not(:last-child):after {
  content: "|";
  padding: 0 20px;
}
.main-navigation ul.children {
  background-color: rgba(237, 28, 36, 0.8);
  border-radius: 0;
  border-color: transparent;
}
.main-navigation ul.children li a {
  color: #ffffff;
  border-bottom: 1px solid #b1b3b6;
}
.main-navigation ul.children li a:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}

#site-navigation.main-navigation ul.primary-menu > li.current-menu-item > a,
#site-navigation.main-navigation ul.primary-menu > li.current-menu-ancestor > a,
#site-navigation.main-navigation ul.primary-menu > li.current-menu-parent > a,
#site-navigation.main-navigation ul.primary-menu > li.current_page_item > a {
  color: #4d4d4d !important;
}

.main-navigation ul.children li.current-menu-item > a,
.main-navigation ul.children li.current-menu-ancestor > a,
.main-navigation ul.children li.current-menu-parent > a,
.main-navigation ul.children li.current_page_item > a {
  color: rgba(255, 255, 255, 0.7) !important;
}

.main-navigation ul.primary-menu > li > a {
  padding: 23px;
  cursor: pointer;
}
ul.primary-menu li:first-child a {
  padding-left: 0;
}

header .wpml-ls-legacy-list-horizontal {
  padding: 0;
}

header .wpml-ls-legacy-list-horizontal a {
  font-family: "CoTextReg";
  color: #ed1c24;
}
header .wpml-ls-legacy-list-horizontal a:hover {
  color: #4d4d4d !important;
}
header .wpml-ls-legacy-list-horizontal li.wpml-ls-current-language a {
  color: #4d4d4d;
}
.header-top .tinos-search button i {
  color: #ed1c24;
}
.header-top .tinos-search button:hover i {
  color: #4d4d4d;
}

.header .logo.align-left img {
  margin-top: 0;
}

header .logo.align-left a.bodossaki {
  position: absolute;
  top: 25px;
  left: 0;
  height: 60px;
  width: 265px;
}
header .logo.align-left a.socialdynamo {
  position: absolute;
  left: 0;
  top: 85px;
  height: 50px;
  width: 130px;
}

.header .logo.align-left {
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
}
.header .main-menu-wrap {
  border-top: 1px dashed #7c878e;
}

header .logo.align-left a {
  display: inline-block;
}
header .logo.align-left a {
  /*border-right: 2px solid #ED1C24;*/
  /*margin-right: 25px;*/
  /*padding-right:25px;*/
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: top;
}
.header .logo.align-left img {
  max-height: 110px;
}
header .logo.align-left a:nth-child(n + 2) {
  border: none;
}
header .logo span {
  display: block;
  width: 100%;
  /* vertical-align:bottom; */
  /*margin-bottom: -5px;*/
  font-weight: 500;
  color: #4d4d4d;
  margin-top: 20px;
}

header .other-logos img {
  margin-top: 0;
  margin-left: 10px;
}
header .other-logos {
  height: 176px;
  padding: 50px 0;
  text-align: right;
}

/*
-----===== Home Page 
*/

.home-carousel .owl-carousel .item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 80vh;
  min-height: 500px;
  color: #fff;
  position: relative;
}
.home-carousel .owl-carousel .item:before {
  content: " ";
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.3;
  position: absolute;
  display: block;
}
.home-carousel .owl-carousel .item .info {
  width: 40%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
}
.home-carousel .owl-carousel .item .title {
  font-size: 4em;
  /*font-weight:500;*/
  line-height: 60px;
  letter-spacing: 2px;
  padding-bottom: 20px;
  font-family: "CoTextReg";
}

.home-carousel .owl-carousel .item p {
  font-size: 18px;
  color: #fff;
  padding-bottom: 20px;
  font-family: "CoTextReg";
}

.home-carousel .owl-nav {
  display: none;
}

.custom-home p {
  color: #4d4d4d;
}
.custom-home h2 {
  font-weight: 400;
  font-size: 36px;
  line-height: 50px;
}

.custom-home .simple_element_layout {
  padding-top: 90px;
  padding-bottom: 80px;
}
.custom-home .simple_element_layout p {
  font-size: 16px;
}

.custom-home .simple_element_layout .text {
  padding: 0 50px;
}

.custom-home .simple_element_layout header h2 {
  font-size: 34px;
}
.custom-home header {
  padding: 0 15px;
}

.custom-home header,
.custom-home header h2 {
  text-align: center;
}
.custom-home header h2:after {
  content: " ";
  width: 50px;
  height: 2px;
  margin: 30px auto;
  border-bottom: 1px solid #ed1c24;
  display: block;
}
.custom-home .numbered_grid_layout {
  /* background-color:#E8E5E1; */
  padding: 65px 0 100px 0;
  margin-bottom: 45px;
}
/* .numbered_grid_layout{

} */

.numbered_grid_layout .card {
  padding: 60px 40px;
  background-color: #fff;
  text-align: center;
  height: 379px;
  position: relative;
}
.numbered_grid_layout [class*="col-"] {
  counter-increment: card-counter;
  margin-bottom: 80px;
}

.numbered_grid_layout .card:before {
  content: counter(card-counter, decimal-leading-zero);
  position: absolute;
  font-size: 74px;
  font-weight: 500;
  top: -10px;
  color: #4d4d4d;
  left: 50%;
  transform: translateX(-50%);
}

.numbered_grid_layout .card .title {
  height: 110px;
  position: relative;
}
.numbered_grid_layout .card h3 {
  font-size: 30px;
  font-weight: 300;
  padding: 0;
  padding-bottom: 10px;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.numbered_grid_layout .card .text {
  color: #4d4d4d;
}

.p_grid_layout {
  /* margin-bottom: 120px; */
  padding: 65px 0 100px 0;
  background: #e8e5e1;
}

.p_grid_layout [class*="col-"] {
  padding-bottom: 50px;
}

.p_grid_layout .title h3 {
  font-size: 24px;
  color: #4d4d4d;
  font-weight: 300;
  margin-bottom: 0;
  padding-top: 20px;
}
.p_grid_layout .text {
  padding-bottom: 20px;
  padding-right: 30px;
}

.pb_grid_layout {
  padding-top: 75px;
  padding-bottom: 140px;
  background-color: #4d4d4d;
}
.pb_grid_layout header span {
  color: #7cb4cd;
}
.pb_grid_layout header,
.pb_grid_layout header h2 {
  text-align: left;
  color: #fff !important;
}

.pb_grid_layout header h2:after {
  margin: 30px 0 10px 0;
  border-bottom: 1px solid #fff;
}

.pb_grid_layout .image {
  height: 360px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.pb_grid_layout .info {
  background-color: #fff;
  padding: 30px 60px;
}
.pb_grid_layout .title {
  font-size: 24px;
  color: #7cb4cd;
  margin-bottom: 24px;
}

.pb_grid_layout .text {
  padding-bottom: 25px;
}
.logo_layout {
  margin-top: 110px;
}

.logo_layout .title {
  margin: 30px auto;
  padding-bottom: 5px;
  /*border-bottom:1px solid #1B3668;*/
  text-align: center;
}
.custom_section .title {
  margin: 30px auto;
  padding: 5px;
  /*border-bottom:1px solid #1B3668;*/
  text-align: center;
}

.logo_layout .logo {
  display: flex;
}

.logo_layout .logo a {
  justify-content: center;
  align-items: center;
  flex: 1;
  display: flex;
}

.logo_layout .logo a img {
  flex: 0;
  max-height: 50%;
  margin-top: 0;
}

.custom_section:not(.counter-layout) + .custom_section:not(.counter-layout) {
  padding-top: 0 !important;
}
.custom_section h2,
.custom_section h3 {
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 0;
  font-family: "CoTextReg";
  color: #ed1c24;
}
@media (max-width: 991px) {
  .custom_section h2,
  .custom_section h3 {
    font-size: 25px;
    line-height: 31px;
  }
}
@media (max-width: 767px) {
  .custom_section h2,
  .custom_section h3 {
    font-size: 20px;
    line-height: 26px;
  }
}

.custom_section p,
.custom_section ul {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.custom_section p + p {
  margin-top: 20px !important;
}
.custom_section p + ul {
  margin-top: 20px !important;
}
.custom_section ul + p {
  margin-top: 20px !important;
}
.custom_section p + h2,
.custom_section p + h3,
.custom_section ul + h2,
.custom_section ul + h3 {
  margin-top: 20px !important;
}
.custom_section .widget-title.red {
  line-height: 28px;
  font-family: "CoTextReg";
}
.custom_section.buttons .button-banner {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ed1c24;
  background: rgba(177, 179, 182, 0.2);
}
.custom_section.buttons .button-banner a.btn {
  white-space: wrap;
  width: 100%;
}

/*
-----===== Simple Page 
*/

.page-template .content-area {
  margin-bottom: 100px;
}

.heading.text-uppercase {
  text-transform: none !important;
}

.page-banner .breadcrumb ul {
  margin-top: 0;
  color: #7c878e;
}
.page-banner .breadcrumb.bg_image {
  background-position: center;
}
.page-banner .breadcrumb.bg_image .breadcrumbs-content {
  padding: 270px 0;
}

.breadcrumb.bg_image .page-title h1 {
  font-size: 63px;
  font-weight: 500;
  color: #fff !important;
}
article p {
  color: #4d4d4d;
}
.breadcrumb.bg_color {
  background: transparent !important;
  background-color: rgba(124, 135, 142, 0.2) !important;
  border-radius: 0;
}

.breadcrumb.bg_color ul li a,
.breadcrumb.bg_color ul li {
  color: #7c878e;
}
.breadcrumb.bg_color .breadcrumbs-content {
  padding: 40px 0 !important;
}

.breadcrumb.bg_color .page-title h1 {
  color: #ed1c24 !important;
  padding-bottom: 10px;
}

.counters-banner {
  /*background-color: #e9e5e2;*/
  padding: 55px 0;
}
.counters-banner .container:before,
.counters-banner .container:after {
  content: none;
}
.counters-banner .container .vc_column_container:not(:last-child) {
  border-right: 1px solid #4d4d4d;
}
.counters-banner .tinos_counter .item_counter_layout3 {
  border: 0;
}
.counters-banner .tinos_counter .stats-number {
  font-size: 60px;
  font-weight: 700;
  color: #ed1c24;
  letter-spacing: 3px;
  margin-bottom: 15px;
}
.counters-banner .tinos_counter span.text {
  font-size: 14px;
  font-weight: 400;
  font-family: "CoTextReg";
  color: #4d4d4d;
}

.content-columns .tinos-heading h3 {
  margin-bottom: 0;
  padding-bottom: 10px;
}
.content-columns .tinos-heading p {
  color: #ada8a1;
}

.content-columns .page-heading {
  padding-top: 90px;
  margin-bottom: 50px;
}

.content-columns .row figure {
  height: 340px;
  overflow: hidden;
  position: relative;
}
.content-columns .row figure img {
  height: 100%;
  width: auto !important;
  max-width: none;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.content-columns .row h4 {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 15px;
  font-weight: 300;
}

.content-columns .row p.subtitle {
  color: #4d4d4d;
  height: 55px;
  margin-bottom: 5px;
  font-family: "CoTextReg";
}
.content-columns .row.our-team p.subtitle {
  height: auto;
  margin-bottom: 15px;
}
.content-columns .row.our-team p {
  color: #4d4d4d;
}

.d_block.fw_medium.read-more {
  font-family: "CoTextBold";
}
.page-numbers {
  line-height: 20px;
  color: #4d4d4d;
  background-color: rgba(124, 135, 142, 0.2);
}
.page-numbers:hover,
.page-numbers.current {
  background-color: #b1b3b6;
}
.blog_list .post-date {
  font-family: "Commissioner";
  color: #b1b3b6;
}

/* 
  Footer
*/
footer .footer {
  background: #ffffff;
}

footer .footer-top {
  background-color: rgba(124, 135, 142, 0.2); /*background-color:#ED1C24;*/
  padding: 80px 0 0 0 !important;
  /*margin-top: 50px;*/
}

footer .footer-bottom {
  background-color: #ed1c24;
  border-top: 1px solid #ffffff;
}
#menu-footer-menu,
#menu-footer-menu-en {
  column-count: 4;
  column-width: 25%;
  column-gap: 20px;
  margin-bottom: 20px;
  @media (max-width: 767px) {
    column-count: 2;
    column-width: 50%;
  }
  @media (max-width: 479px) {
    column-count: 1;
    column-width: 100%;
  }
}
#menu-footer-menu li,
#menu-footer-menu-en li {
  break-inside: avoid;
  margin-bottom: 8px;
  line-height: 20px;
}
footer.site-footer .f-contact-info address,
footer.site-footer .f-contact-info i,
footer.site-footer .footer .f-contact-info span {
  color: #4d4d4d;
}
footer.site-footer .f-contact-info .contact-social a {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border: 1px solid #4d4d4d;
  display: inline-block;
}
footer.site-footer .f-contact-info .contact-social i {
  margin: 0;
  margin-top: 7px;
  font-size: 16px;
  font-weight: 700;
}
footer.site-footer .f-contact-info .contact-social li {
  text-align: center;
  margin-right: 25px;
}
#menu-footer-menu li a,
#menu-footer-menu-en li a {
  color: #ed1c24;
  font-family: "CoTextReg";
}
#menu-footer-menu li a:hover,
#menu-footer-menu-en li a:hover {
  color: #4d4d4d !important;
}
footer .widget_nav_menu {
  padding-top: 15px;
}
footer .widget_nav_menu h3.widget-title {
  border-bottom: 1px dashed #ed1c24;
  padding-bottom: 5px !important;
  margin-bottom: 25px;
  font-weight: 400;
  font-family: "CoTextBold";
  color: #ed1c24 !important;
}
footer .footer .widget-title {
  font-weight: 400;
  font-family: "CoTextBold";
  color: #ed1c24 !important;

  @media (max-width: 767px) {
    margin-top: 16px;
    margin-bottom: 15px !important;
    padding-bottom: 0 !important;
  }
}

footer .search-form,
.header-top .search-form {
  position: relative;
}
footer .search-form:before,
.header-top .search-form:before {
  content: "\e618";
  font-family: "Pe-icon-7-stroke";
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  line-height: 35px;
  width: 20%;
  text-align: center;
  border-right: 2px solid #ed1c24;
  color: #ed1c24;
}

footer .widget_search,
footer .widget_contact {
  margin-top: 15px;
  position: relative;
}
footer .search-form label,
.header-top .search-form label {
  width: 100%;
}
footer .search-field,
.header-top .search-field {
  padding: 5px 40px 5px 25%;
  font-size: 14px;
  border: 2px solid #ed1c24;
  background-color: transparent;
  border-radius: 0;
  line-height: 23px;
  width: 100%;
  color: #ed1c24;
}
footer button.search-submit,
.header-top button.search-submit {
  height: 35px;
  line-height: 35px !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  right: 0px;
  width: 30px;
}
footer .search-submit span,
.header-top .search-submit span {
  line-height: 35px;
  color: #ed1c24;
}
footer .search-submit span:before,
.header-top .search-submit span:before {
  content: "→" !important;
}
footer .created-by {
  font-size: 12px;
  font-weight: 300px;
  color: #b1b3b6;
}
footer .created-by a {
  color: #b1b3b6 !important;
}
footer .created-by a:hover {
  text-decoration: underline;
}
footer .footercoppyright {
  font-weight: 300;
}
footer aside.widget_custom_html .mj-w-button-content {
  font-family: "CoTextBold" !important;
}

.entry-content a {
  color: #ed1c24;
}
.entry-content p a:hover {
  color: #4d4d4d !important;
}

/*
  page-template-page_template_2
*/
.content-area.template-2 {
  margin-bottom: 0;
}
.template-2 figure {
  background-color: #e8e5e1;
  height: 598px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}

.template-2 {
  counter-reset: top_counter;
}

.template-2 article {
  counter-increment: top_section;
}
.template-2 article.row > div:nth-child(even) {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 598px;
}
.template-2 article.row:nth-child(odd) .entry-content {
  padding: 0 15% 0 12%;
}
.template-2 article.row:nth-child(even) .entry-content {
  padding: 0 15% 0 25%;
}

.template-2 article .counter:after {
  content: counter(top_section, decimal-leading-zero);
  font-size: 20px;
  color: #dc1915;
  font-weight: 500;
}

.template-2 .entry-content p {
  color: #ada8a1;
  padding-bottom: 30px;
}
.blog_masonry {
  border: none;
}

.blog_masonry_2 {
  min-height: 90px;
}

.blog_masonry figcaption h3 {
  margin-bottom: 0;
  padding-bottom: 10px;
}

.blog_masonry .postTitle {
  display: none;
}
.blog_isotope_item {
  padding-top: 15px;
  padding-bottom: 15px;
}

.title-bl a {
  font-size: 24px !important;
  font-weight: 400;
  line-height: 32px;
  color: #4d4d4d;
}

.grid-container {
  background-color: #ffffff;
}
.post-type-archive-event article.event .blog_masonry {
  background-color: rgba(177, 179, 182, 0.15);
}

.sidebar h2.widget-title-category {
  font-size: 27px;
  font-weight: 400;
  line-height: 30px;
  border-bottom: 2px solid #000;
}
.sidebar .widget_recent_entries ul {
  padding-left: 0;
}
.sidebar .widget_recent_entries ul li {
  list-style: none;
  border-bottom: 1px dashed #8c8c8c;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  header .header-top .tinos-search {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.responsive-calendar .controls {
  text-align: center;
  margin-bottom: 20px;
}
.responsive-calendar .controls a {
  cursor: pointer;
}
.responsive-calendar .controls h4 {
  display: inline;
  font-family: "CoTextBold";
}
.custom-home .simple_element_layout span {
  color: #4d4d4d;
}
.responsive-calendar .day-headers .day.header {
  border-bottom: none;
  background-color: rgba(177, 179, 182, 0.3);
  font-size: 11px;
  font-weight: 700;
  color: #4d4d4d;
  line-height: 32px;
}
.responsive-calendar .day-headers,
.responsive-calendar .days {
  font-size: 0;
}
.responsive-calendar .day {
  display: inline-block;
  position: relative;
  font-size: 11px;
  width: 14.285714285714286%;
  text-align: center;
  border-bottom: 1px solid rgba(177, 179, 182, 0.3);
  transition: background-color 0.3s ease;
}
.responsive-calendar .day a {
  color: #4d4d4d;
  display: block;
  cursor: pointer;
  padding: 20% 0 20% 0;
}

.responsive-calendar .day.active a {
  position: relative;
  background-color: transparent;
  color: #ed1c24;
  font-weight: 700;
}
.responsive-calendar .day.active:hover {
  background-color: rgba(177, 179, 182, 0.3);
}
.responsive-calendar .day:hover a {
  background-color: rgba(177, 179, 182, 0.3);
  text-decoration: none;
  color: #ed1c24 !important;
}
.responsive-calendar .day.header {
  border-bottom: 1px #b1b3b6 solid;
}

.responsive-calendar .day.today {
  background-color: rgba(177, 179, 182, 0.3);
}
.responsive-calendar .day.today a {
  background-color: transparent;
}
.responsive-calendar .day.active .not-current {
  background-color: #8fcaef;
  color: #ffffff;
}
.responsive-calendar .day .badge {
  display: none;
  visibility: hidden;
}
.responsive-calendar .day.active .not-current:hover {
  background-color: #bcdff5;
}
.responsive-calendar .day.not-current a {
  color: #ddd;
}
.responsive-calendar .day .badge {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
}

.responsive-calendar .controls h4 {
  font-size: 11px !important;
}
/* .responsive-calendar .controls h4 span[data-head-month]{ */
/*font-weight: 700;*/

/* } */
.days,
.days-wrapper {
  position: relative;
  z-index: 199;
}
#selected-day-events .date {
  color: #fff;
}
#selected-day-events .title h2 a {
  color: #fff;
}
#selected-day-events.showme {
  opacity: 1;
  z-index: 200;
}
#selected-day-events {
  transition: opacity 0.2s;
  opacity: 0;
  position: absolute;
  width: 270px;
  max-width: 100%;
  background-color: #dc1915;
  z-index: 100;
  padding: 20px;
  border: 1px solid #f1f1f1;
  -webkit-box-shadow: 4px 4px 30px -9px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: 4px 4px 30px -9px rgba(0, 0, 0, 0.38);
  box-shadow: 4px 4px 30px -9px rgba(0, 0, 0, 0.38);
  z-index: 0;
}
#selected-day-events ul.event-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#selected-day-events ul.event-list a:hover {
  color: #fff !important;
}

#selected-day-events ul.event-list li:last-child h2 {
  padding: 0;
}
#selected-day-events ul.event-list li:not(:last-child) {
  border-bottom: 1px solid #fff;
  margin-bottom: 8px;
}
#selected-day-events ul.event-list li h2 {
  padding-bottom: 8px;
}
/* #selected-day-events ul.event-list li {
  
} */
#selected-day-events ul.event-list li .date {
  font-size: 12px;
}
#selected-day-events ul.event-list li .desc {
  font-size: 14px;
}
#selected-day-events ul.event-list li h2 {
  font-size: 15px;
  margin-bottom: 0;
  line-height: 20px;
}

/*
==-- SINGLE EVENTS
*/
.single .post-date-single.post-date-single-event {
  display: block;
  position: relative;
  padding: 23px 15px;
  background-color: rgba(177, 179, 182, 0.4);
  margin-right: 0;
}
.single .post-date-single.post-date-single-event .event-info-right {
  display: flex;
  align-items: center;
}

.single .post-date-single.post-date-single-event .event-duration {
  float: left;
  /*width:30%;*/
  padding-right: 3%;
  border-right: 1px dotted #4d4d4d;
  max-width: 50%;
}
.single .post-date-single.post-date-single-event .event-duration p {
  line-height: 19px;
  margin: 0 !important;
}
.single .post-date-single.post-date-single-event .event-time span:first-child {
  font-weight: 700;
}
.archive .post-date-single-event .event-time span:last-child {
  white-space: nowrap;
}

.single .post-date-single.post-date-single-event .event-time {
  float: left;
  padding-left: 3%;
}
.event-date-slector a.btn {
  background-color: transparent;
  border-color: #ed1c24;
  padding: 7px 20px;
  color: #ed1c24;
}
.event-date-slector a.btn:focus,
.event-date-slector a.btn:hover {
  border-color: #4d4d4d !important;
  color: #4d4d4d !important;
}
.event-date-slector {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
.event-date-slector .dropdown-menu {
  min-width: 142px;
  width: 100%;
}
.event-date-slector .dropdown-menu div a {
  padding-left: 10px;
}
.event-date-slector .dropdown-menu div .event-close {
  text-decoration: line-through;
  padding-left: 10px;
  color: #ddd;
}
.dropdown.event-date-slector.disabled {
  text-transform: uppercase;
  line-height: 1.5em;
  font-weight: 500;
  background-color: #4d4d4d;
  /* padding: 7px 20px; */
  color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  letter-spacing: 1px;
  opacity: 0.4;
}
.dropdown.event-date-slector.disabled .btn {
  padding: 7px 20px;
}
.dropdown.event-date-slector.disabled .btn:hover {
  cursor: not-allowed;
  color: #fff;
}

.blog_masonry_1 .event-info-right {
  display: flex;
  align-items: center;
  min-height: 80px;
}

.post-type-archive-event .blog_masonry .fi_bottom {
  min-height: 370px;
}

.blog_masonry_1 .event-info-right .event-duration {
  max-width: 60%;
}

.blog_masonry_1 .event-info-right p {
  display: block;
  line-height: 20px;
  color: white;
  margin: 10px 0 !important;
}

.blog_masonry_1 .event-info-right span.pe-7s-clock {
  font-size: 31px;
  line-height: 29px;
}

.blog_masonry_1 .event-info-right {
  background-color: #ed1c24;
  color: #fff;
  padding: 10px 10px;
  margin-bottom: 10px;
}

.blog_masonry_1 .event-time,
.blog_masonry_1 .event-duration {
  float: left;
  font-size: 12px;
}
.blog_masonry_1 .event-time {
  padding-left: 3%;
}

.blog_masonry_1 .event-duration {
  padding-right: 3%;
  border-right: 1px dotted #fff;
}
.blog_masonry_1 .event-date-slector {
  position: relative;
  transform: none;
}
.blog_masonry_1 .event-date-slector a.btn {
  font-size: 9px;
}

/*
==-- FORMS --==
*/
.gform_wrapper div.gf_step {
  font-size: 13px !important;
  color: #4d4d4d;
  opacity: 0.5;
}
.gform_wrapper .gf_step_active span {
  font-weight: 700 !important;
}

.post-type-archive-partners .blog_masonry figcaption h3 {
  padding: 20px 0;
}
@media (max-width: 991px) and (min-width: 576px) {
  .col-4 {
    flex: 0 0 50%;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%;
  }
}

.main-navigation a {
  font-family: "CoTextBold";
  color: #ed1c24;
}
.main-navigation a:hover {
  color: #4d4d4d !important;
}
@media (max-width: 1240px) and (min-width: 1101px) {
  .main-navigation a {
    font-size: 11px;
  }
  .main-navigation ul.primary-menu > li:first-child > a {
    padding-left: 0;
  }
  .main-navigation ul.primary-menu > li > a {
    padding: 15px;
  }
}

@media (max-width: 1100px) and (min-width: 990px) {
  .main-navigation a {
    font-size: 11px;
  }
  .main-navigation ul.primary-menu > li:first-child > a {
    padding-left: 0 !important;
  }

  .main-navigation ul.primary-menu > li > a {
    padding: 10px !important;
  }
}

@media (max-width: 991px) {
  .home-carousel .owl-carousel .item .info {
    width: 100%;
    left: 0;

    padding: 0 20px;
  }
  .home-carousel .owl-carousel .item .item {
    font-size: 3em;
    line-height: 1.5em;
  }
  .logo.align-left {
    text-align: left;
  }
  header .logo.align-left a {
    display: inline-block;
  }
  /* header .logo.align-left a{ */
  /* border-right:none; */
  /* border-bottom: 2px solid #ED1C24; */
  /* margin-bottom: 25px; */
  /* padding-bottom:25px; */
  /* } */

  header .logo span {
    display: block;
    width: 100%;
    /* vertical-align:bottom; */
    margin-bottom: -5px;
    text-align: left;
    font-family: "CoTextReg";
  }
  header .other-logos {
    text-align: left;
  }
}

@media (max-width: 991px) {
  .btn-responsive-nav i {
    color: #ed1c24;
  }
  .main-navigation .primary-menu > li {
    background: #ed1c24;
    border-bottom: 1px solid #ffffff !important;
  }
  #site-navigation.main-navigation ul.primary-menu > li.current-menu-item > a,
  #site-navigation.main-navigation
    ul.primary-menu
    > li.current-menu-ancestor
    > a,
  #site-navigation.main-navigation ul.primary-menu > li.current-menu-parent > a,
  #site-navigation.main-navigation ul.primary-menu > li.current_page_item > a {
    color: rgba(255, 255, 255, 0.7) !important;
  }
  .main-navigation a {
    color: #ffffff;
  }
  .main-navigation a:hover {
    color: rgba(255, 255, 255, 0.7) !important;
  }
  .main-navigation ul li.current-menu-item > a,
  .main-navigation ul li.current-menu-ancestor > a,
  .main-navigation ul li.current-menu-parent > a,
  .main-navigation ul li.current_page_item > a {
    color: rgba(255, 255, 255, 0.7) !important;
  }
  .main-navigation ul.children li a {
    border-color: #ffffff !important;
  }
}

@media (max-width: 575px) {
  header .logo.align-left a {
    margin-right: 15px;
    padding-right: 15px;
  }
  header .logo.align-left a.bodossaki {
    height: 50px;
    width: 200px;
  }
  header .logo.align-left a.socialdynamo {
    top: 75px;
    height: 40px;
    width: 110px;
  }
  .header .logo.align-left img {
    height: 85px;
  }
  .col-4 {
    flex: 0 0 100%;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
  .event-date-slector {
    position: relative;
    transform: none;
    margin-top: 20px;
    right: initial;
  }
  .event-date-slector > a {
    width: 100%;
  }
}

@media (max-width: 460px) {
  .home-carousel .owl-carousel .item .title {
    font-size: 2em;
    line-height: 1em;
  }
}
body .gform_wrapper ul li.gfield {
  margin-top: 35px !important;
}

.gform_page_footer input.button {
  transition: all 0.4s;
}
.gform_page_footer input.button:hover {
  background-color: #4d4d4d;
}
.gform_wrapper table.gfield_list td {
  width: 45%;
}

.gform_wrapper table.gfield_list td select {
  width: 100%;
}
.gform_wrapper .gf_list_33 table.gfield_list td.gfield_list_cell {
  width: 32%;
}

.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.post-type-archive-event .blog_right_top img {
  padding: 30px 30px;
  height: 100%;
  object-fit: contain;
}

.post-type-archive-event .blog_right_top a {
  display: block;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.custom-html-widget {
  margin-top: 30px;
}

.mj-w-button {
  /*   font-family: Ubuntu, Helvetica;*/
  padding: 0px 25px;
  background-color: transparent !important;
  text-align: center !important;
  vertical-align: middle;
  display: inline-block;
  /* border-radius: 3px; */
  cursor: pointer;
  color: #ed1c24 !important;
  border: 2px solid #ed1c24;
  width: 100%;
}
.scroll-to-top {
  background-color: #ffffff;
  border: 1px solid #b1b3b6;
}
.scroll-to-top i {
  color: #ed1c24;
}
.scroll-to-top:hover i {
  color: #4d4d4d;
}

.our-team {
  display: flex;
  flex-wrap: wrap;
}

.partners {
  /*background: #E8E5E1;*/
  background: transparent;
  min-height: 400px;
  margin-top: 0;
}
.logo_layout.partners {
  background-color: rgba(177, 179, 182, 0.2);
}
.partners .container-flex {
  justify-content: center;
}
.partners .container-flex .logo img {
  max-height: 60%;
}
.single-partners .partners {
  background: transparent;
}

.logo_layout .title {
  font-weight: 400;
  font-size: 36px;
  line-height: 50px;
  font-family: "CoTextReg";
  color: #ed1c24;
}
.logo_layout .title:after,
.custom_section .title:after {
  content: " ";
  width: 50px;
  height: 2px;
  margin: 30px auto;
  border-bottom: 1px solid #ed1c24;
  display: block;
}
.custom_section .title {
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  font-family: "CoTextReg";
  color: #ed1c24;
}
.events-banner {
  color: #4d4d4d;
  font-size: 15px;
  line-height: 24px;
}
.events-banner p {
  color: #4d4d4d;
  font-size: 15px;
  line-height: 24px;
}
.alert-message {
  display: none;
  width: 550px;
  height: 300px;
  position: absolute;
  top: -310px;
  right: -15px;
  /* transform: translate(-50%, -50%); */
  background: #7cb4cd;
  background: url("/wp-content/themes/tinos-child/inc/assets/popup-bg2.svg");
  color: #e8e5e1;
  /* display: flex; */
  flex-flow: column;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  line-height: 42px;
  text-align: center;
}
.alert-message .message {
  padding: 20px 30px;
}
.alert-message .popup-arrow {
  background: url("/wp-content/themes/tinos-child/inc/assets/popup-arrow.svg");
  width: 45px;
  height: 45px;
  position: absolute;
  bottom: -20px;
  right: 63px;
}
.alert-message .popup-img {
  width: 225px;
  height: 90px;
}
.alert-message #close-alert {
  top: 18px;
  right: 18px;
  width: 26px;
  height: 26px;
  position: absolute;
  background: url("/wp-content/themes/tinos-child/inc/assets/popup-close.svg");
  cursor: pointer;
}

.counter-layout {
  background: rgba(177, 179, 182, 0.2);
  padding: 65px 0 100px 0;
}

.blog-posts {
  padding: 65px 0 100px 0;
}
.blog-posts img {
  height: 250px;
}
.blog-posts figcaption {
  height: 200px;
}
.blog-posts .row {
  display: flex;
  flex-wrap: wrap;
}
.blog-posts .readmore {
  margin-left: auto;
  text-align: right;
}
.blog-posts .readmore a {
  font-size: 15px;
}
.simple_element_layout a {
  color: #dc1915;
}
.simple_element_layout a.read-more {
  color: #ed1c24;
  display: inline-block;
  font-family: "CoTextBold";
}
.simple_element_layout a.read-more:hover {
  color: #7c878e;
}
.simple_element_layout p a:hover {
  position: relative;
}
.simple_element_layout p a:hover:after {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 1px;
  content: "";
  background: #dc1915;
}
.counters-banner .container .vc_column_container {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
}

#logos a {
  margin-right: 20px;
}
#logos img {
  width: 150px;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .blog-posts img {
    height: auto;
  }
  .blog-posts figcaption {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .alert-message {
    width: 500px;
    top: -280px;
    right: -15px;
    background-repeat: no-repeat;
  }
  .alert-message .popup-arrow {
    bottom: 13px;
  }
  .home-carousel .owl-carousel .item .title {
    font-size: 2.5em;
    line-height: 48px;
  }
}

@media screen and (max-width: 575px) {
  .alert-message {
    width: 100%;
    height: 270px;
    right: 0;
    left: 0;
    font-size: 22px;
    line-height: 32px;
    top: -280px;
    background: #7cb4cd;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
  }
  .alert-message .message {
    padding: 10px 10px;
  }
  .alert-message .popup-arrow {
    bottom: 12px;
    right: 50%;
    transform: translate(50%, 50%);
  }
}

.owl-theme .owl-dots .owl-dot span {
  background-color: #7c878e;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #ed1c24;
}

/* Newsletter Modal */
.modal {
  display: none;
  position: fixed;
  z-index: 10000000;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: scroll;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto auto;
  height: 100% !important;
}

@media screen and (min-width: 992px) {
  .modal {
    overflow: hidden;
  }
}

.modal .modal-content {
  animation-name: animatetop;
  animation-duration: 1.4s;
  cursor: initial;
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

.modal .modal-content .close-newsletter-modal {
  position: absolute;
  top: 0;
  right: 26px;
  padding: 3px 7px 0px 7px;
  z-index: 20000000;
  font-size: 40px;
}

@media screen and (min-width: 670px) {
  .modal .modal-content .close-newsletter-modal {
    right: calc(50% - 310px);
    top: 100px;
  }
}

@media screen and (max-height: 900px) {
  .modal .modal-content .close-newsletter-modal {
    top: 0 !important;
  }
}

.modal .modal-content .close-newsletter-modal:hover {
  cursor: pointer;
}

.modal .modal-content iframe {
  position: absolute;
  display: block;
  height: 100%;
  height: 796px !important;
  width: 100%;
  border: none !important;
  outline: none !important;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
}

@media screen and (min-width: 430px) {
  .modal .modal-content iframe {
    height: 779px !important;
  }
}

@media screen and (min-width: 500px) {
  .modal .modal-content iframe {
    height: 741px !important;
  }
}

@media screen and (min-width: 580px) {
  .modal .modal-content iframe {
    height: 724px !important;
  }
}

@media screen and (min-width: 670px) {
  .modal .modal-content iframe {
    top: 100px;
    width: 655px !important;
    height: 764px !important;
    border: 20px #f4f4f4 solid !important;
  }
}

@media screen and (max-height: 900px) {
  .modal .modal-content iframe {
    top: 0 !important;
  }
}

.show-subscription-form {
  display: block !important;
  width: 100% !important;
}

/* GDPR Notification Further Customization */
#cookie_action_close_header {
  padding: 10px 22px !important;
}

.cookie_action_close_header_reject,
.cli_settings_button {
  border: 1px solid black !important;
}

.modify-height-cookieyes {
  margin-top: -15px !important;
}

.cli-plugin-button {
  margin-left: 0 !important;
}

.wt-cli-manage-consent-link a {
  cursor: pointer;
}

.breadcrumbs.list-inline {
  display: none;
}

h3.gsection_title {
  margin-bottom: 0px;
  margin-top: 20px;
}
.gform_wrapper.gravity-theme .gform_validation_errors > h2 .gform-icon {
  inset-inline-start: -40px !important;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 5px 0 5px 0;
  padding: 10px 35px 10px 10px;
  min-height: 0; /* support: IE7 */
  font-size: 100%;
  border: 1px solid rgba(177, 179, 182, 0.5);
  border-radius: 10px;
  border-left: 5px solid #ed1c24;
  color: #4d4d4d;
}
.ui-accordion .ui-accordion-header.ui-accordion-header-active {
  color: #ed1c24;
}
.ui-accordion .ui-accordion-header.ui-accordion-header-active .icon {
  rotate: 180deg;
}
.ui-accordion .ui-accordion-header:hover {
  color: #ed1c24;
}
.ui-accordion .ui-accordion-header .icon {
  color: #ed1c24;
  position: absolute;
  width: 15px;
  height: 15px;
  right: 10px;
  margin-top: -7px;
  top: 50%;
  display: flex;
  align-items: center;
}
.ui-accordion .ui-accordion-icons {
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 10px;
  border-top: 0;
  overflow: auto;
  border: 1px solid rgba(177, 179, 182, 0.5);
  border-radius: 10px;
  border-left: 5px solid rgba(177, 179, 182, 0.5);
  color: #4d4d4d;
}

.mentor-filters {
  margin-bottom: 30px;
}
.mentor-filters label {
  margin-right: 10px;
  font-weight: 600;
}
.mentor-filters input[type="checkbox"],
.mentor-filters input[type="radio"] {
  margin-right: 2px;
}
.mentor-filters input[type="checkbox"]:checked,
.mentor-filters input[type="radio"]:checked {
  accent-color: #ed1c24;
}
.mentor-filters .expertise-options .select-style {
  margin-right: 0px;
}
.mentor-filters .sort {
  padding-left: 5px;
  padding-right: 40px;
}
.mentor-filters .expertise-options .select-style {
  font-weight: 400;
  font-family: "CoTextReg";
  font-size: 13px;
  padding: 4px 8px;
}
.mentor-filters .filters-row {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
@media (min-width: 767px) {
  .mentor-filters .filters-row--controls {
    flex-direction: row !important;
  }
}
.mentor-list,
.mentor-grid {
  margin-top: 50px;
}
.mentor-list .post-date {
  color: #4d4d4d;
  font-size: 16px;
  font-style: italic;
}
.mentor-list .mentor-item {
  display: flex;
  align-items: center;
}
.mentor-list .mentor-img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 25px;
  object-fit: cover;
}
.mentor-list .mentor-info {
  flex: 1;
}
#mentor-list-btn,
#mentor-grid-btn {
  padding: 0;
}
#mentor-list-btn {
  margin-right: 12px;
}
.mentor-grid {
  margin-top: 20px;
}

/* Make grid cards equal height */
.mentor-grid .row {
  display: flex;
  flex-wrap: wrap;
}

.mentor-grid .col-md-6,
.mentor-grid .col-lg-4 {
  display: flex;
  margin-bottom: 30px;
}

.mentor-grid .blog_isotope_item {
  display: flex;
  width: 100%;
}

.mentor-grid .blog_masonry {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.mentor-grid .blog_masonry figure {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.mentor-grid .blog_masonry figcaption {
  flex: 1;
}

.mentor-grid .blog_masonry figcaption h3 {
  padding: 20px 0;
}
.mentor-grid .blog_masonry_1 img {
  width: 100%;
  object-fit: cover;
  height: 400px;
}

#mentor-list,
#mentor-grid {
  display: block;
}

#mentor-list.is-hidden,
#mentor-grid.is-hidden {
  display: none !important;
}

.mentor-actions button.selected {
  color: red;
  transition: color 0.3s;
}

/* Mentor title row with availability label */
.mentor-title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .mentor-title-row .title-bl {
    padding-bottom: 0;
  }
  .mentor-title-row .availability-label {
    margin-bottom: 12px;
  }
}

.mentor-title-row h3 {
  margin: 0;
  flex: 1;
}

/* Grid view: stack title and availability label vertically */
.mentor-grid .mentor-title-row {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.mentor-grid .mentor-title-row .availability-label {
  margin-bottom: 12px !important;
}

.availability-row .availability-label {
  padding: 0 !important;
}

.availability-label {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.availability-label-title {
  font-weight: 600;
  margin-right: 10px;
}

.availability-available {
  background-color: #28a745;
  color: #fff;
}

.availability-unavailable {
  background-color: #dc3545;
  color: #fff;
}

.mentor-sort {
  margin-left: 20px;
}

.top-actions {
  text-align: right;
  margin-bottom: 18px;
}
.view-btn {
  background: none;
  border: none;
  font-size: 20px;
  padding: 0;
  margin-left: 8px;
  cursor: pointer;
}
.view-btn i {
  pointer-events: none;
}
.view-btn.selected {
  color: #ed1c24;
}

/* View toggle styles - hide radio buttons and text, show icons */
.view-toggle {
  text-align: right;
  margin-bottom: 18px;

  @media (max-width: 767px) {
    display: none;
  }
}

/* Hide the radio buttons */
.view-toggle input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* Style labels as icon buttons */
.view-toggle label {
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  padding: 0;
  margin-left: 8px;
  background: none;
  border: none;
  color: #333;
  transition: color 0.3s ease;
  font-size: 0;
  line-height: 0;
}

/* Add icons using pseudo-elements with Font Awesome */
.view-toggle label::before {
  font-family: "FontAwesome";
  font-size: 25px;
  line-height: 1;
  display: inline-block;
}

/* List view icon */
.view-toggle label[for="list-view"]::before {
  content: "\f03a";
  font-size: 25px!important;
}

/* Grid view icon */
.view-toggle label[for="grid-view"]::before {
  content: "\f00a";
  font-size: 25px!important;
}

/* Selected/checked state */
.view-toggle input[type="radio"]:checked + label {
  color: #ed1c24;
}

/* Hover state */
.view-toggle label:hover {
  color: #ed1c24;
}
.filters-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.filters-label {
  margin-right: 10px;
  font-weight: 600;
}
.expertise-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}
.expertise-options label {
  margin-bottom: 0;
  font-weight: 400;
}
.filters-row--controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  @media (max-width: 767px) {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.availability-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  @media (max-width: 460px) {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.availability-label {
  margin-right: 10px;
  font-weight: 600;
}

.availability-option {
  margin-right: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.availability-option input[type="radio"] {
  margin-top: 0;
}
.availability-option input[type="checkbox"] {
  appearance: none;
}
.availability-text {
  font-weight: 400;
  margin: 0;
}
.availability-label-text {
  font-size: 13px;
  margin-bottom: 0;
  display: inline-block;
  padding: 8px 16px;
  border: 2px solid transparent;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
  margin-right: 8px;
}
.availability-label-text[for="available"] {
  background-color: #ffffff;
  color: #28a745;
  border-color: #28a745;
}
.availability-label-text[for="available"]:hover {
  background-color: #218838;
  border-color: #218838;
  color: white;
}
.availability-label-text[for="unavailable"] {
  background-color: white;
  color: #dc3545;
  border-color: #dc3545;
}
.availability-label-text[for="unavailable"]:hover {
  background-color: #c82333;
  border-color: #c82333;
  color: white;
}
input[type="checkbox"]:checked + .availability-label-text[for="available"] {
  background-color: #155724;
  border-color: #28a745;
  color: white;
}
input[type="radio"]:checked + .availability-label-text[for="unavailable"] {
  background-color: #721c24;
  border-color: #c82333;
  color: white;
}

.sort-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sort-wrapper .sort {
  font-size: 13px;
}
.mentor-photo,
.grid-photo {
  width: 100%;
  height: auto;
  display: block;
}
.mentor-meta {
  margin: 10px 0;
}
.mentor-hashtags {
  color: #888;
  font-style: italic;
}
.is-hidden {
  display: none;
}
@media (max-width: 900px) {
  .mentor-grid .mentor-item {
    width: calc(50% - 12px);
  }
}
@media (max-width: 600px) {
  .mentor-grid .mentor-item,
  .mentor-list .mentor-item {
    width: 100%;
  }
}

.post-social li:first-child {
  margin-left: 0;
}

.single_mentor {
  display: flex;
  @media (max-width: 767px) {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
}

.single_mentor .blog_right_top {
  flex-shrink: 0;
  margin-right: 20px;
}

.single_mentor .blog_right_top img {
  min-width: 150px;
  max-width: 200px;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.single_mentor_desc {
  flex: 1;
  margin-left: 30px;
}

.single_mentor_desc h2 {
  font-style: italic;
  font-size: 18px;
  line-height: 24px;
  color: #4d4d4d !important;
}

.single_mentor_desc h3 {
  padding-bottom: 0;
  margin-bottom: 16px;
  margin-top: 32px;
}

.single_mentor_desc .ft-single {
  border-bottom: none;
  padding-top: 0;
  float: none;
}

.single_mentor_desc blockquote {
  padding: 32px 0 0 0 !important;
}

.single_mentor_desc blockquote:first-of-type {
  padding-top: 0 !important;
}

.single_mentor_desc blockquote {
  background: none !important;
}

.single_mentor_desc blockquote {
  font-size: 15px !important;
  font-style: italic !important;
}

.single_mentor_desc blockquote:before {
  content: "" !important;
}

/* Footer Contact Widget */
footer .widget_contact p {
  color: #4d4d4d;
  margin-bottom: 10px;
}

footer .widget_contact a {
  color: #ed1c24;
}

footer .widget_contact a:hover {
  color: #4d4d4d !important;
}

/* Footer Site Tree Navigation */
.footer-site-tree {
  background-color: rgba(177, 179, 182, 0.1);
  padding: 20px 0;
  margin-top: 20px;
  border-top: 1px solid rgba(177, 179, 182, 0.3);
}

.footer-site-tree .footer-navigation {
  text-align: center;
}

.footer-site-tree .footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 30px;
}

.footer-site-tree .footer-menu li {
  display: inline-block;
  margin: 0;
}

.footer-site-tree .footer-menu li a {
  color: #4d4d4d;
  font-family: "CoTextReg";
  font-size: 14px;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-site-tree .footer-menu li a:hover {
  color: #ed1c24 !important;
}

@media (max-width: 767px) {
  .footer-site-tree .footer-menu {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  /* Fix mentor list layout on mobile */
  .mentor-item .blog_list .f_left.blog_side_container {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }

  .mentor-item .blog_list .fi_bottom {
    clear: both;
    float: none;
    width: 100%;
  }

  .mentor-title-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

.tools-banners {
  padding: 65px 0;
  background-color: rgba(177, 179, 182, 0.2);
}

/* Make banner cards equal height */
.tools-banners .row {
  display: flex;
  align-items: stretch;
  @media (max-width: 767px) {
    flex-direction: column;
    gap: 32px;
  }
}

.tools-banners .col-md-6 {
  display: flex;
}

.tool-banner-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
}

.tool-banner-card .blog_masonry {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tool-banner-card .blog_masonry img {
  width: 100%;
  padding: 10px 40px;
  object-fit: contain;
}

.top-header-ls.widget-area {
  display: flex;
  align-items: center;
  gap: 16px;
}

.top-header-ls.widget-area ul {
  display: flex;
}

.top-header-ls.widget-area .custom-html-widget {
  margin-top: 0!important;
}

.top-header-ls.widget-area .custom-html-widget .submit-button {
  @media (min-width: 992px) {
    height: 37px!important;
  }
  @media (max-width: 576px) {
    padding: 0 8px!important;
  }
}

.tinos_inbox_wrap .search-form {
  @media (max-width: 991px) {
    margin-top: 32px!important;
  }
}

.tinos_inbox_wrap {
  @media (min-width: 2565px) {
    padding: 0 157px;
  }
}