/*
Theme Name: RightCause Child
Theme URI: https://rightcause.qodeinteractive.com/
Description: A child theme of RightCause
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.1
Text Domain: rightcause
Template: rightcause
*/

/* slider */
/*#SR7_4_1 .rightcauseorange.sr7-arrows.sr7-leftarrow {
    background: #3eb2cf !important;
}*/

/* header */
/*
#qodef-page-header-inner {
    padding: 10px 22px !important;
}*/

/* google fonts */

/* oswald-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts-google/oswald-v57-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('fonts-google/oswald-v57-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('fonts-google/oswald-v57-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts-google/roboto-v49-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts-google/roboto-v49-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* im-fell-french-canon-sc-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IM Fell French Canon SC';
  font-style: normal;
  font-weight: 400;
  src: url('fonts-google/im-fell-french-canon-sc-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts-google/raleway-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('fonts-google/raleway-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* selection */
::selection {
    color: #fff;
    background: #2E8B57 !important;
}

.qodef-opener-icon .qodef-m-icon.qodef--close {
  right: -28px!important;
}

/* slider */
@media screen and (max-width: 1920px) {
    #SR7_9_1 .sr7-leftarrow{
        transform: translate(-537px, 0px) !important;
    }

    #SR7_9_1 .sr7-rightarrow {
        transform: translate(-460px, 0px) !important;
    }
}

@media screen and (max-width: 1680px) {
    #SR7_9_1 .sr7-leftarrow{
        transform: translate(-458px, -77px) !important;
    }

    #SR7_9_1 .sr7-rightarrow {
        transform: translate(-381px, -77px) !important;
    }
}

@media screen and (max-width: 1440px) {
    .home #SR7_9_1 .rightcauseorange.sr7-arrows {
        width: 67px !important;
        height: 67px !important;
        line-height: 67px !important;
    }
    .home #SR7_9_1 .rightcauseorange.sr7-arrows:before {
        line-height: 67px !important;
    }
    #SR7_9_1 .sr7-leftarrow {
        transform: translate(-367px, -67px) !important;
    }

    #SR7_9_1 .sr7-rightarrow {
        transform: translate(-300px, -67px) !important;
    }
}

@media screen and (max-width: 1366px) {
    #SR7_9_1 .sr7-leftarrow {
        transform: translate(-442px, -77px) !important;
    }

    #SR7_9_1 .sr7-rightarrow {
        transform: translate(-365px, -77px) !important;
    }
}

@media screen and (max-width: 1280px) {
    #SR7_9_1 .sr7-leftarrow {
        transform: translate(-438px, -77px) !important;
    }

    #SR7_9_1 .sr7-rightarrow {
        transform: translate(-361px, -77px) !important;
    }
}

@media screen and (max-width: 1194px) {
    #SR7_9_1 .sr7-leftarrow {
        transform: translate(-354px, 0px) !important;

    }

    #SR7_9_1 .sr7-rightarrow {
        transform: translate(-277px, 0px) !important;
    }
}

@media screen and (max-width: 1024px) {
    #SR7_9_1 .sr7-leftarrow {
        transform: translate(-267px, 0px) !important;
    }

    #SR7_9_1 .sr7-rightarrow {
        transform: translate(-160px, 0px) !important;
    }
}

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

    #SR7_9_1 .sr7-leftarrow {
        transform: translate(-160px, -77px) !important;
    }

    #SR7_9_1 .sr7-rightarrow {
        transform: translate(-83px, -77px) !important;
    }
}

@media screen and (max-width: 680px) {
    #SR7_9_1 .sr7-leftarrow {
        transform: translate(-319px, -77px) !important;
        display: none;
    }

    #SR7_9_1 .sr7-rightarrow {
        transform: translate(-242px, -77px) !important;
        display: none;
    }
}

.qodef-button.qodef-layout--filled.qodef-html--link { background-color: #002153 !important;}
.qodef-button.qodef-layout--filled.qodef-html--link:hover { background-color: #2E8B57 !important;}



/* SOTTOPAGINE: header nero */
body.qodef-header--minimal:not(.home) #qodef-page-header,
body.qodef-header--minimal:not(.home) #qodef-page-header:before {
  background-color: #000 !important;
}

/* HOME: header trasparente */
body.home.qodef-header--minimal #qodef-page-header,
body.home.qodef-header--minimal #qodef-page-header:before {
  background: transparent !important; /* o none se serve */
  box-shadow: none !important;
}

/* desktop */
#qodef-fullscreen-area {background: #002153 !important; }
#qodef-fullscreen-area .qodef-fullscreen-menu>ul>li a { font-size:4.5rem !important; line-height:5.8rem !important; font-weight:normal !important; }
#qodef-fullscreen-area .qodef-fullscreen-menu ul.sub-menu li a { font-size: 1.8rem !important; line-height: 1.8rem !important; font-weight: normal !important; }
#qodef-fullscreen-area .qodef-fullscreen-menu>ul>li.current-menu-ancestor>a { color: #002153 !important;}
#qodef-fullscreen-area .qodef-fullscreen-menu>ul>li.current-menu-item>a { color: #002153 !important;}
#qodef-fullscreen-area .qodef-fullscreen-menu a:hover { color: #2E8B57 !important;}
#qodef-fullscreen-area .qodef-fullscreen-menu .qodef-drop-down-second-inner ul li.current-menu-item>a { color: #2E8B57 !important; }

/* mobile */
.qodef-mobile-header-navigation>ul>li.current-menu-ancestor>a { color: #002153 !important;}
.qodef-mobile-header-navigation>ul>li.current-menu-item>a { color: #002153 !important;}
.qodef-mobile-header-navigation .qodef-drop-down-second-inner ul li>a:before { color: #2E8B57 !important; }
.qodef-mobile-header-navigation a:hover { color: #2E8B57 !important;}
.qodef-mobile-header-navigation .qodef-drop-down-second-inner ul li.current-menu-item>a { color: #2E8B57 !important; }
.qodef-mobile-header-navigation .sub-menu { padding:0px 0px 10px 0px !important; }

#qodef-page-mobile-header { background-color: #000 !important; height: 80px !important;}
.qodef-mobile-header-opener .fa-bars:before { color:#fff !important; }

#qodef-page-mobile-header-inner {
    padding: 10px 40px !important;
}

@media screen and (max-width: 1440px) {
    #qodef-fullscreen-area .qodef-fullscreen-menu {
        padding: 20% 0 13.3% 6% !important;
    }
    #qodef-fullscreen-area .qodef-fullscreen-menu>ul>li a { font-size:3.0rem !important; line-height:4.2rem !important; font-weight:normal !important; }
    #qodef-fullscreen-area .qodef-fullscreen-menu ul.sub-menu li a { font-size: 1.1rem !important; line-height: 1.8rem !important; font-weight: normal !important; }
    .qodef-fullscreen-menu .qodef-drop-down-second-inner ul li>a:last-child { margin-bottom: 0px !important; }
}

.qodef-opener-icon.qodef-source--icon-pack {
    color: #fff !important;
}

#qodef-page-header-inner .qodef-widget-holder {
    display: none !important;
}

.button-custom-color a.qodef-button {
    background-color: #002153 !important; border:1px solid #fff;
}

p.qodef-m-text  {
    font-family: "IM Fell French Canon SC", serif !important;
}


.citazioni  h5 { font-size:18px !important; line-height:30px !important;}

/* Freccia Top */
#qodef-back-to-top .qodef-back-to-top-icon {
    border-radius: 50% !important;
}
@media (min-width: 768px) and (max-width: 1440px) {
    #qodef-back-to-top {
        bottom: 60px;
    }
}

/* Teams People */
.team-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  display: none; /* nascosta inizialmente */
  justify-content: center;
  align-items: center;
  z-index: 9999;
  padding: 20px;
  overflow-y: auto;
}


.team-modal-content {
  background: #fff;
  max-width: 600px;
  width: 100%;
  padding: 30px;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  animation: fadeIn 0.3s ease-in-out;
}

.team-modal-content #modalTitle {
    font-family: Oswald, sans-serif;
    color: #000;
    font-size: 22px;
    line-height: 1.364em;
    font-weight: 600;
}

.team-modal-content #modalSubtitle {
    font-family: Oswald, sans-serif;
    color: #000;
    font-size: 22px;
    line-height: 1.364em;
    font-weight: 400;
}

.team-modal-content #modalDescription {
    font-family: Roboto, sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 1.364em;
    font-weight: 400;
}


.team-modal-content h5 {
  margin: 0 0 10px;
}
.team-modal-content h6 {
  margin: 0 0 15px;
}
.team-modal-content p {
  line-height: 1.5;
}


.team-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  font-size: 20px;
  background: none;
  border: none;
}

@keyframes fadeIn {
  from {opacity: 0; transform: scale(0.95);}
  to {opacity: 1; transform: scale(1);}
}

/* Nasconde tutte le descrizioni delle card team-people */
.team-people .qodef-m-text {
  display: none;
}

.team-people {
  cursor: pointer;
}

.team-people:hover h5.qodef-m-title,
.team-people:hover h4.elementor-heading-title{
  color:#2E8B57 !important;
}

/* Padding scritta foto es. in contact us */
.vertical-padding-text .qodef-image-with-rotate-text.qodef-text-position--bottom-left .qodef-image-with-rotate-text-holder {
    left: -20px !important;
}

/* wpforms modulo semplice */
.wpforms-field-container {
    display: flex;
    flex-wrap: wrap; /* consente ai campi di andare a capo solo se stretti */
}

/* Name e Surname affiancati */
.wpforms-field.class-name {
    flex: 1 1 48%; /* circa metà spazio ciascuno */
    box-sizing: border-box;
    margin: 0px; /* margine tra i due campi */
}

.wpforms-field.class-surname {
    flex: 1 1 48%; /* circa metà spazio ciascuno */
    box-sizing: border-box;
    margin-left: 10px; /* margine tra i due campi */
}

/* Altri campi (Email, Checkbox, Message) prendono tutta la larghezza */
.wpforms-field.class-email,
.wpforms-field.class-message,
.wpforms-field.wpforms-field-checkbox {
    flex: 1 1 100%;
    margin: 0px;
    box-sizing: border-box;
}

/* Responsive: in mobile i due campi diventano full width */
@media (max-width: 600px) {
    .wpforms-field.class-name,
    .wpforms-field.class-surname {
        flex: 1 1 100%;
        margin: 0 0 10px 0;
    }
}

/* Input generici */
.wpforms-container input.wpforms-field-medium {
    max-width: 100% !important;
    box-sizing: border-box;
}

/* give form */
.give_forms-template-default h1 {
    margin: 60px 0 0 0 !important;
}

.single-give_forms #qodef-page-inner {
    padding-top: 60px !important;
}

/* Bottone submit */
div.wpforms-container-full button[type=submit] {
    position: relative;
    background-color: #002153 !important;
    margin: 0;
    font-family: Oswald, sans-serif !important;
    font-size: 20px;
    line-height: 2em;
    font-weight: 400;
    letter-spacing: normal;
    text-decoration: none;
    border-radius: 0;
    outline: 0;
    box-sizing: border-box;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    padding: 15px 50px 35px !important;
}

@media only screen and (max-width: 480px) and (min-width: 0){
    #qodef-page-footer-top-area .qodef-grid-item:nth-of-type(2) {
        padding-top: 60px !important;
    }
}