/*
Theme Name: Seafarer Child
Theme URI: https://seafarer.qodeinteractive.com
Description: A child theme of Seafarer
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: seafarer
Template: seafarer
*/

:root {
  --qode-main-color: #192434;
  --qode-header-light-color: #fff;
  --qode-header-light-hover-color: #fff;
  --qode-header-dark-color: #000;
  --qode-header-dark-hover-color: #000;
}

#qodef-page-mobile-header {
    background-color: #192334;
}
.qodef-opener-icon.qodef-source--predefined .qodef-m-line{
  background-color: #fff;
}

#qodef-page-header .widget[class*=_search] form input {
  color: #fff;
}

.widget[class*=_search] button svg {
  fill: #fff;
}

#qodef-page-header .qodef-widget-holder .widget:last-child {
  display: none;
}

#qodef-top-area-inner {
  font-size: 16px;
  height: 60px;
}

.tripy {
  position: fixed;
  left: -10px;
  top: 20%;
  z-index: 1000;
  opacity: 0;
  /* Start with opacity 0 */
  animation: fadeIn 1.5s ease-in-out 1.5s forwards;
  /* Animation name, duration, timing function, delay, fill mode */
}

.tripy ul {
  padding: 0;
  margin: 0;
}

.tripy ul>li>a {
  text-align: center;
  width: 160px;
  margin-left: -21px;
  display: inline-block;
}

@keyframes fadeIn {
  to {
    opacity: 1;
    /* End with opacity 1 */
  }
}

.qodef-header-navigation>ul>li>a,
.qodef-header-navigation>ul>li.current-menu-item>a {
  color: #fff;
}

.qodef-social-icons-group a {
  color: #fff;
  border: 1px solid white;
  padding: 10px;
  border-radius: 50%;
  font-size: 20px;
}

#qodef-page-outer {
  margin-top: -167px !important;
}

.qodef-icon-with-text.qodef-layout--before-content {
  align-items: center;
}

@media only screen and (max-width: 1024px) {
  .tripy {
    top: 52%;
    left: unset;
    right: -10px;
  }
}