/*
Theme Name: CaraWorld
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* FONTS */
@font-face {
    font-family: 'bayshore';
    src: local('Bayshore Font'),
         url('./assets/fonts/bayshore.woff2') format("woff2"),
         url('./assets/fonts/bayshore.woff') format("woff");
    font-style: normal;
    font-weight: 400;
}
/* RESET */
:root {
    /* --font-family: 'Lato'; */
}

/* CUSTOM */
.ids-heading {
  font-family: 'bayshore';
  font-weight: bold;
}
.ids-tabs .nav-tabs + .tab-panels {
    border: 0;
    padding: 30px 0;
}
.ids-tabs .nav-tabs > li.active > a {
    border-top-color: 0;
    border-left-color: var(--fs-color-primary);
    color: var(--fs-color-primary);
}
.ids-tabs__bg .nav-tabs > li.active > a {
    color: hsla(0,0%,7%,.85);
    background-color: #d6efff;
}
.ids-tabs .nav-tabs > li > a {
    border-left-width: 5px;
    border-top-width: 0;
    border-right-width: 0
}
.ids-tabs__color-secondary .nav-tabs > li.active > a {
    border-left-color: var(--fs-color-secondary);
    color: var(--fs-color-secondary);
}
.ids-tabs__color-secondary .nav-tabs > li:hover > a {
    border-left-color: var(--fs-color-primary);
    color: var(--fs-color-primary);
}
.ids-bg__gradient {
    background: linear-gradient(45deg, #3e9cb8, #4bbdb8, #fee552, #da4636);
}
/* HEADER */
.header.transparent .header-wrapper {
    background: linear-gradient(to left, #009FFF 0%, #e8ac6c 50%) !important
}
.nav-dark .nav > li > a {
    color: #fff
}
.nav-dark .nav > li > a:hover {
    color: #da4636
}
.ids-spin {
    
    -webkit-animation: linear 6s infinite forwards gwd-gen-1rougwdanimation_gwd-keyframes;
    animation: linear 6s infinite forwards gwd-gen-1rougwdanimation_gwd-keyframes;
}
.ids-spin img {
    opacity: 0.3;
}
.form-flat input::placeholder {
    color: #c6f5fb
}
@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    /* CUSTOM */
    .ids-tabs .nav-tabs > li,
    .ids-tabs .nav-tabs > li > a {
        width: 100%
    }
    .ids-tabs .tab-panels {
        padding: 15px 0
    }
}

@keyframes gwd-gen-1rougwdanimation_gwd-keyframes {
  0% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    opacity: 0;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
  }
  8.8235% {
    transform: rotateZ(17.7353deg);
    -webkit-transform: rotateZ(17.7353deg);
    -moz-transform: rotateZ(17.7353deg);
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
  }
  88.2353% {
    transform: rotateZ(177.353deg);
    -webkit-transform: rotateZ(177.353deg);
    -moz-transform: rotateZ(177.353deg);
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
  }
  100% {
    transform: rotateZ(201deg);
    -webkit-transform: rotateZ(201deg);
    -moz-transform: rotateZ(201deg);
    opacity: 0;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
  }
}
@-webkit-keyframes gwd-gen-1rougwdanimation_gwd-keyframes {
  0% {
    -webkit-transform: rotateZ(0deg);
    opacity: 0;
    -webkit-animation-timing-function: linear;
  }
  8.8235% {
    -webkit-transform: rotateZ(17.7353deg);
    opacity: 1;
    -webkit-animation-timing-function: linear;
  }
  88.2353% {
    -webkit-transform: rotateZ(177.353deg);
    opacity: 1;
    -webkit-animation-timing-function: linear;
  }
  100% {
    -webkit-transform: rotateZ(201deg);
    opacity: 0;
    -webkit-animation-timing-function: linear;
  }
}