/*!
Theme Name: bring back
Theme URI: https://www.themetim.com/wordpress-themes/bring-back/
Author: themetim
Author URI: https://www.themetim.com/
Description: When it comes to a business or corporate WordPress theme, you know you have got a superb choice in modern and clean design Bring Back theme. It uses amazing Hero Banner in order to demonstrate your business goals. There are both boxed and full width layouts available in this theme. An effective toolkit plugin adorns its feature line. Your customer can find out a specific or desired page thanks to Breadcrumbs option. It has advanced theme option and unique blog layout. Elementor page builder has been fully integrated. It actually eases any customization process of your website. An eye catching social share icons and post type widgets, testimonial widget, pricing widget, text type widget, etc. It brings you Bootstrap along with left right and full width template. Advance typography setting and color setting has uplifted this theme into another level. You will identify its uniqueness all the way from its header to footer. This is the ultimate solution for any business or corporate type website.
Version: 1.11
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: bring-back
Tags: blog, custom-background, custom-colors, custom-menu, translation-ready, theme-options, threaded-comments, custom-logo, footer-widgets, custom-header, featured-image-header, full-width-template, left-sidebar, right-sidebar
*/
/*--------------------------------------------------------------------------------

CSS INDEX
==============================

00. Common CSS
01. Helper CSS Classes
02. Header Area CSS
03. Our Services Area CSS
04. Help Area CSS
05. Provide Service Area CSS
06. Testimonial Area CSS
07. Pricing Area CSS
08. Case Studies Area CSS
09. Blog Area CSS
10. About Area CSS
11. Contact Area CSS
12. 404 Area CSS
13. Footer Area CSS

    ================================================ */
/*  ================================================

        00. Common CSS

    ================================================ */
@font-face {
    font-family: 'MontserratNew';
    src: url('/fonts/montserrat/Montserrat-Regular.otf') format('embedded-opentype'),
    url('fonts/montserrat/Montserrat-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('./fonts/Aptos/APTOS-DISPLAY.TTF') format('embedded-opentype'),
    url('./fonts/Aptos/APTOS-DISPLAY.TTF');
    font-weight: normal;
    font-style: normal;
}


:root{
    --primary: #fd6e36;
    --secondary: #95bddc;
    --terciary: #e8498c;
   
}

body, .elementor-widget-text-editor {
    font-family: MontserratNew, sans-serif !important;
}

body {
    color: #78787c;
    font-size: 17px;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
}

* {
    scrollbar-width: thin;
    scrollbar-color: linear-gradient(var(--secondary), #3c3c3c);
}

::-webkit-scrollbar {
    width: 7px !important;
    border-top: none;
    cursor: pointer !important;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(var(--secondary), #3c3c3c) !important;
    border-radius: 15px !important;
    border-top: none !important;
    transition: all 0.5s !important;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(var(--secondary), #3c3c3c) !important;
    transition: all 0.5s !important;
}

p {
    line-height: 32px;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: var(--secondary);
}

a:hover {
    color: #78787c;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #232323;
    font-family: 'Josefin Sans', sans-serif;
}

img {
    max-width: 100%;
    height: auto;
}

.h2,
h2 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 25px;
}

.h3,
h3 {
    font-size: 25px;
    line-height: 45px;
    margin-bottom: 25px;
}

ol,
ul,
li {
    color: #3c3c3c;
}

.btn,
a.btn,
button,
[type=button],
[type=reset],
[type=submit],
.elementor a.btn,
.reply .comment-reply-link {
    font-weight: 700;
    letter-spacing: .20px;
    padding: 18px 52px;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 4px;
    background-color: var(--secondary);
    /*border: 0;*/
    -webkit-box-shadow: 0 0 16px 0 rgba(252, 128, 42, 0.6);
    box-shadow: 0 0 16px 0 rgba(252, 128, 42, 0.6);
    color: #ffffff;
}

.btn:hover,
a.btn:hover,
.btn.focus,
.btn:focus,
button:hover,
[type=button]:hover,
[type=reset]:hover,
[type=submit]:hover,
.reply .comment-reply-link:hover {
    -webkit-box-shadow: 0 0 16px 0 rgba(35, 35, 35, .6);
    box-shadow: 0 0 16px 0 rgba(35, 35, 35, .6);
    background-color: #232323;
    color: #ffffff;
}

.dropdown-menu {
    margin: 0;
    padding: 0;
}

.form-control,
textarea,
input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=password],
input[type=number],
select {
    border: 1px solid #6978A0 !important;
    border-radius: 4px;
    height: inherit;
    padding: 17px 20px;
    outline: none;
}

.form-control:focus,
textarea:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
select:focus {
    border: 1px solid var(--secondary) !important;
    -webkit-box-shadow: 0 0 16px 0 rgba(252, 128, 42, 0.6);
    box-shadow: 0 0 16px 0 rgba(252, 128, 42, 0.6);
}

#preloader {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 999;
    background: var(--secondary);
    overflow: hidden;
    top: 0;
}

.spinner-grow {
    width: 5rem;
    height: 5rem;
    color: #fff;
}

#preloader .d-table {
    height: 100%;
    width: 100%;
}

.boxed-layout .site-wrap {
    box-shadow: 0 0 20px #eee;
    -webkit-box-shadow: 0 0 20px #eee;
    -o-box-shadow: 0 0 20px #eee;
    overflow: hidden;
    background: #fff;
}

.entry-title,
.page-title {
    text-transform: capitalize;
}

/*  ================================================

        01. Helper CSS

    ================================================ */

.pt-90 {
    padding-top: 50px;
}

.page-title {
    font-size: 35px;
    line-height: 45px;
}

.sub-heading {
    color: var(--secondary);
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 35px;
}

.items-box,
.services-box,
.case-studies-box {
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 25px 0 rgba(60, 60, 60, 0.08);
    box-shadow: 0 0 25px 0 rgba(60, 60, 60, 0.08);
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: -4px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.carousel-control-next,
.carousel-control-prev {
    color: #000;
    opacity: 1;
    top: 50%;
    font-size: 30px;
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: var(--secondary);
    opacity: 1;
}

a,
.btn,
button,
.box-icon,
.items-box,
.team-member,
.pricing-item,
.services-box,
.team-member img,
.case-studies-box,
.contact-info span,
.slick-arrow-fix i,
.thumbnail a:before,
.thumbnail a:before,
.view-details:after,
.main-menu .navbar-nav .dropdown-menu,
.testimonial-nav-slider .slick-slide img {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.thumbnail {
    overflow: hidden;
    border-radius: 4px;
}

.thumbnail img {
    -webkit-transition-duration: .9s;
    -o-transition-duration: .9s;
    transition-duration: .9s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.thumbnail:hover img {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.items-box:hover,
.services-box:hover,
.pricing-item:hover,
.case-studies-box:hover {
    -ms-transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
}

.dropdown-menu {
    border: 0;
    -o-box-shadow: 0 0 25px 0 rgba(60, 60, 60, 0.08);
    -webkit-box-shadow: 0 0 25px 0 rgba(60, 60, 60, 0.08);
    box-shadow: 0 0 25px 0 rgba(60, 60, 60, 0.08);
}

.dropdown-toggle::after {
    display: none;
}

.slick-slide,
.slick-slide:focus {
    outline: none;
}

.dropdown-item {
    padding: 0;
}

/*  ================================================

        02. Header CSS

    ================================================ */
.site-title {
    line-height: 25px;
}

.logo-wrap h2 a,
.logo-wrap h2 {
    line-height: initial;
    padding: 0;
    font-size: 24px;
}

.site-description {
    font-size: 15px;
    line-height: 1;
}

.home .header {
    background-repeat: no-repeat;
    background-position: top right;
}

.header {
    background-color: #fff;
}

.header-search .dropdown-menu {
    max-width: 400px;
    width: 400px;
    left: unset;
    right: 0;
}

.header-search {
    margin-left: 20px;
}

.header-search button.btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px 28px;
    z-index: 10;
}

.header-search form.form-inline {
    padding: 25px 25px 40px;
}

.header-search form input {
    padding: 17px 70px 17px 20px;
}

.main-menu .navbar-nav .dropdown-menu {
    display: block;
    opacity: 0;
    top: 80px;
    padding: 15px;
    visibility: hidden;
}

.main-menu .navbar-nav .dropdown:hover .dropdown-menu {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.main-menu li a {
    color: #68605b;
    font-weight: 700;
    font-size: 17px;
    padding: 10px 25px;
    display: block;
}

.main-menu li a:hover {
    color: #fff;
    /* color: var(--secondary); */
}

.main-menu .dropdown-menu li a {
    padding: 10px 15px;
    font-size: 16px;
}

.main-menu .dropdown a i {
    font-weight: 600;
}

.main-menu .dropdown-menu li a {
    color: var(--primary) !important;
}

.main-menu .dropdown-menu li a:hover {
    color: #fff !important;
    /* color: var(--secondary) !important; */
    background-color: var(--primary) !important;
}

a.header-contact-btn {
    margin-left: 25px;
    padding: 14px 35px;
}

.hero-area {
    position: relative;
    overflow: hidden;
}

.hero-has-banner-animation {
    -webkit-animation: shake 15s ease-in-out infinite;
    animation: shake 15s ease-in-out infinite;
}

.hero-content {
    padding-right: 30px;
    position: relative;
}

.hero-content:before {
    content: '';
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    top: -88px;
    left: -50px;
    width: 100%;
}

.hero-has-shape-animation:before {
    -webkit-animation: bounce 5s ease-in-out infinite;
    animation: bounce 5s ease-in-out infinite;
}

.header-shape {
    top: 0;
    right: 0;
}

/*** Breadcrumb ***/

.breadcrumb-wrapper {
    background-repeat: no-repeat;
    background-position: center top;
}

.breadcrumb-wrapper {
    padding-top: 60px;
    padding-bottom: 100px;
}

.breadcrumb-wrapper a:after {
    content: '';
    width: 8px;
    border: 1px solid;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 10px;
}

.breadcrumb-wrapper a,
.breadcrumb-wrapper li,
.breadcrumb-wrapper a:after {
    color: #78787c;
}

.breadcrumb-wrapper .list-inline-item:not(:last-child) {
    margin-right: 0;
}

.breadcrumb-wrapper a:hover {
    color: var(--secondary);
}

div.header-banner a {
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
}

/*  ================================================

        03. Our Services Area CSS

    ================================================ */

.services {
    margin-top: 60px;
}

.services-box {
    margin-top: 30px;
    padding: 35px;
}

.services-box-item:nth-child(3n+2) {
    margin-top: 50px;
}

.services-box-item:nth-child(3n+3),
.services-fix {
    margin-top: 100px;
}

.services-fix {
    padding-bottom: 30px;
}

.services-fix .services-box-item:nth-child(3n+2),
.services-fix .services-box-item:nth-child(3n+3) {
    margin-top: 0;
}

.box-icon {
    margin-bottom: 35px;
    border-radius: 5px;
    background-color: #fff4ed;
    width: 90px;
    height: 90px;
    padding: 25px;
}

.services-box:hover .box-icon {
    border-radius: 50%;
}

.all-services {
    margin-top: 80px;
}

/*  ================================================

        04. Help Area CSS

    ================================================ */

.help-banner {
    position: absolute;
    left: -105px;
    top: 0;
    -webkit-animation: bounce 8s ease-in-out infinite;
    animation: bounce 8s ease-in-out infinite;
}

.help-content {
    margin-top: 105px;
    margin-bottom: 107px;
}

.help ul {
    margin: 30px 0 35px;
    list-style: none;
    padding-left: 0;
}

.help li {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 15px;
    padding-left: 50px;
    position: relative;
}

.help li span {
    margin-left: 20px;
}

.help li:before {
    content: "\eed6";
    font-family: IcoFont !important;
    border-radius: 50%;
    background-color: rgb(42, 69, 181);
    width: 30px;
    color: #ffffff;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
}

/*  ================================================

        05. Provide Service Area CSS

    ================================================ */

.service-banner img {
    -webkit-animation: shake 15s ease-in-out infinite;
    animation: shake 15s ease-in-out infinite;
}

/*  ================================================

        06. Testimonial Area CSS

    ================================================ */

.testimonial-heading {
    padding-top: 45px;
}

.testimonial-slider {
    padding-top: 90px;
}

.slick-arrow-fix {
    top: 50%;
    font-size: 30px;
    position: absolute;
    bottom: 0;
    z-index: 10;
    color: #000;
    cursor: pointer;
}

.slick-arrow-fix i:hover {
    color: var(--secondary);
}

.testimonial-slider .slick-left {
    left: -150px;
}

.testimonial-slider .slick-right {
    right: -150px;
}

.testimonial-slider p,
.testimonial-slider h5 {
    color: #3c3c3c;
    line-height: 40px;
    font-family: 'Nunito', sans-serif;
}

.testimonial-slider h5 {
    font-size: 22px;
    margin-top: 50px;
    font-weight: 700;
    margin-bottom: 0;
}

.testimonial-slider span {
    font-size: 16px;
    color: #78787c;
    line-height: 32px;
}

.testimonial-slider p {
    font-size: 24px;
    letter-spacing: 0;
}

.testimonial-nav-item img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    outline: none;
}

.testimonial-nav-slider .slick-slide {
    position: relative;
    padding: 0 0 110px;
}

.testimonial-nav-slider .slick-slide img {
    height: 70px;
    width: 70px;
    margin: 0 auto;
    -ms-transform: translate(0, 90px);
    -webkit-transform: translate(0, 90px);
    transform: translate(0, 90px);
}

.testimonial-nav-slider .slick-active.slick-slide img {
    margin-left: 0;
    -ms-transform: translate(0, 90px);
    -webkit-transform: translate(0, 90px);
    transform: translate(0, 90px);
}

.testimonial-nav-slider .slick-active + .slick-active img {
    margin: 0 auto;
    -ms-transform: translate(0, 140px);
    -webkit-transform: translate(0, 140px);
    transform: translate(0, 140px);
}

.testimonial-nav-slider .slick-current.slick-active img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    -ms-transform: translate(0, 40px);
    -webkit-transform: translate(0, 40px);
    transform: translate(0, 40px);
}

.testimonial-nav-slider .slick-current.slick-active + .slick-active img {
    margin: 0 auto;
    -ms-transform: translate(0, 140px);
    -webkit-transform: translate(0, 140px);
    transform: translate(0, 140px);
}

.testimonial-nav-slider .slick-current.slick-active + .slick-active + .slick-active img {
    margin-right: 0;
    -ms-transform: translate(0, 90px);
    -webkit-transform: translate(0, 90px);
    transform: translate(0, 90px);
}

/*  ================================================

        07. Pricing Area CSS

    ================================================ */

.pricing {
    padding-top: 120px;
}

.pricing-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pricing-slider .slick-slide {
    padding-top: 110px;
    padding-bottom: 30px;
}

.pricing-slider .slick-slide .pricing-item,
.pricing-slider .slick-current.slick-center + .slick-slide .pricing-item {
    opacity: .2;
    -o-box-shadow: 0 0 26px 0 rgba(252, 128, 42, 0.42);
    -webkit-box-shadow: 0 0 26px 0 rgba(252, 128, 42, 0.42);
    box-shadow: 0 0 26px 0 rgba(252, 128, 42, 0.42);
    -ms-transform: translate(180px, -240px) scale(0.5);
    -webkit-transform: translate(180px, -240px) scale(0.5);
    transform: translate(180px, -240px) scale(0.5);
}

.pricing-slider .slick-current.slick-center + .slick-slide .pricing-item {
    -ms-transform: translate(-180px, 0) scale(0.5);
    -webkit-transform: translate(-180px, 0) scale(0.5);
    transform: translate(-180px, 0) scale(0.5);
}

.pricing-slider .slick-current.slick-center .pricing-item {
    opacity: 1;
    z-index: 99;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -o-box-shadow: 0 0 40px 0 rgba(252, 128, 42, 0.12);
    -webkit-box-shadow: 0 0 40px 0 rgba(252, 128, 42, 0.12);
    box-shadow: 0 0 40px 0 rgba(252, 128, 42, 0.12);
}

.pricing-item {
    position: relative;
    padding: 70px;
    border-radius: 5px;
    background-color: #ffffff;
    max-width: 370px;
    margin: 0 auto;
    border: 1px solid transparent;
    outline: none;
    -o-box-shadow: 0 0 40px 0 rgba(252, 128, 42, 0.12);
    -webkit-box-shadow: 0 0 40px 0 rgba(252, 128, 42, 0.12);
    box-shadow: 0 0 40px 0 rgba(252, 128, 42, 0.12);
}

.pricing-slider .slick-arrow-fix {
    top: 80%;
}

.pricing-slider .slick-left {
    left: 10%;
}

.pricing-slider .slick-right {
    right: 10%;
}

.pricing-item:hover {
    border-color: rgba(252, 128, 42, 0.3);
}

.pricing-item ul {
    margin: 40px 0 55px;
}

.pricing-item li {
    color: #78787c;
    position: relative;
    padding-bottom: 15px;
    padding-left: 45px;
}

.pricing-item li:last-child {
    padding-bottom: 0;
}

.pricing-item li:before {
    content: "\ea94";
    font-family: IcoFont !important;
    border-radius: 50%;
    text-align: center;
    background-color: var(--secondary);
    color: #ffffff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-right: 20px;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
}

.pricing-title {
    color: var(--secondary);
}

.pricing-slider .carousel-control-next,
.pricing-slider .carousel-control-prev {
    top: auto;
    bottom: 10%;
}

.monthly-yearly-wrap {
    margin-top: 110px;
}

.tabs-wrap .nav-tabs {
    border: 1px solid #f9e5d7;
    border-radius: 5px;
    background-color: #ffffff;
    margin-bottom: 40px;
}

.tabs-wrap .nav-tabs .nav-item {
    margin-bottom: 0;
}

.tabs-wrap .nav-tabs .nav-link {
    border: 0;
    font-weight: 700;
    letter-spacing: .8px;
    padding: 5px 17px;
    font-size: 16px;
    color: #78787c
}

.tabs-wrap .nav-tabs .nav-link.active {
    color: #fff;
    background: var(--secondary);
    border-radius: 5px;
}

/*  ================================================

        08. Case Studies Area CSS

    ================================================ */

.case-studies-box {
    padding: 45px 35px;
    border: 2px solid #fff;
}

.case-studies-box:hover {
    border-color: var(--secondary);
}

.case-studies-box .thumbnail {
    margin-bottom: 45px;
}

.case-studies-box h3 a {
    color: #232323;
}

.case-studies-box h3 a:hover {
    color: var(--secondary);
}

.view-details {
    position: relative;
    display: block;
    font-size: 17px;
    overflow: hidden;
}

.case-featured-banner {
    margin-bottom: 70px;
}

.case-meta {
    overflow: hidden;
    margin-top: 45px;
    border-radius: 5px;
    background-color: rgb(254, 248, 241);
}

.case-meta h4 {
    font-size: 20px;
    margin-bottom: 5px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
}

.case-meta p {
    margin: 0;
}

.case-meta > ul > li,
.case-meta > ul > .list-inline-item:not(:last-child) {
    margin: 0;
    padding: 40px 39px;
}

.case-meta .social-links,
.case-meta .social-links li a {
    margin-top: 0;
}

.related-case {
    margin-top: 80px;
}

/*  ================================================

        09. Blog Area CSS

    ================================================ */

.blog-content {
    padding: 45px 35px;
}

.blog-item h2 {
    font-size: 25px;
    line-height: 40px;
}

.blog-content h2 a {
    color: #232323;
}

.blog-content h2 a:hover {
    color: var(--secondary);
}

.pagination-wrapper {
    margin-top: 25px;
}

.pagination-wrapper .page-link {
    border-radius: 4px;
    background-color: rgb(255, 247, 238);
    margin: 5px;
    font-size: 16px;
    color: #78787c;
    border: 0;
    outline: none;
    padding: 18px 25px;
    letter-spacing: .20px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pagination-wrapper .active .page-link,
.pagination-wrapper .page-link:hover {
    background-color: var(--secondary);
    color: #ffffff;
    border: 0
}

.author:after {
    content: "/";
    display: inline-block;
    margin: 0 0 0 5px;
}

/*** Single Blog ***/

.blog-content-details .entry-title.h2 {
    margin-bottom: 10px;
}

.social-share-tags {
    margin-top: 50px;
    border-radius: 5px;
    padding: 20px 30px;
    background-color: rgb(254, 248, 241);
}

.social-share-tags span {
    color: #232323;
    font-size: 20px;
    font-weight: 700;
}

.social-share-tags a {
    font-weight: normal;
    font-size: 18px;
    margin-left: 2px;
}

.social-share-tags .social-links,
.social-share-tags .social-links a {
    margin-top: 0;
}

.widget {
    margin-bottom: 55px;
    max-width: 330px;
}

.widget ul {
    padding-left: 0;
    list-style: none;
    margin: 0;
}

.widget h3 {
    font-size: 28px;
    margin-bottom: 20px;
}

.widget a,
.tags-fix a {
    color: #78787c;
}

.widget a:hover,
.recent-post span,
.tags-fix a:hover {
    color: var(--secondary);
    border-color: var(--secondary);
}

.widget li > a {
    display: block;
    border: 1px solid rgb(224, 225, 225);
    border-radius: 5px;
    padding: 17px;
    margin-bottom: 10px;
    font-size: 17px;
    color: #78787c;
}

.recent-post a {
    display: inherit;
    border: 0;
    border-radius: 0;
    margin: 0;
}

.recent-post span {
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
}

.recent-post p {
    line-height: 25px;
    font-size: 17px;
}

.recent-post li {
    margin-bottom: 30px;
}

.recent-post li:last-child {
    margin-bottom: 0;
}

.recent-post-thumb {
    margin-right: 15px;
    width: 100px;
    height: 100px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 11px 0 rgba(34, 34, 34, 0.12);
    -o-box-shadow: 0 0 11px 0 rgba(34, 34, 34, 0.12);
    box-shadow: 0 0 11px 0 rgba(34, 34, 34, 0.12);
}

.featured-image img {
    border-radius: 5px;
}

.search-form .btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px 25px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search-form .form-control {
    padding-right: 70px;
    padding-left: 15px;
}

.popular-tags {
    margin: 0 -5px;
}

.tags a {
    border: 1px solid rgb(224, 225, 225);
    border-radius: 5px;
    padding: 17px 30px;
    font-size: 16px;
    display: inline-block;
    margin: 0 4px 5px;
    overflow: hidden;
}

nav.navigation.post-navigation,
.comments-area {
    padding: 0 15px;
}

nav.navigation.post-navigation,
.post-navigation .nav-links {
    display: block;
    width: 100%;
}

.post-navigation .nav-links {
    margin-top: 30px;
    display: block;
    overflow: hidden;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 25px 0 rgba(60, 60, 60, 0.08);
    box-shadow: 0 0 25px 0 rgba(60, 60, 60, 0.08);
}

.post-navigation .nav-links a {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid #e0e1e1;
    text-transform: uppercase;
}

.post-navigation .nav-links .nav-next {
    text-align: right;
}

.post-navigation .nav-links > div {
    width: 50%;
    float: left;
}

.comments h2,
.comment-form-wrap {
    margin-bottom: 0;
    margin-top: 65px;
}

.comments li div p {
    margin-top: 15px;
}

.reply .comment-reply-link {
    margin-top: 20px;
    padding: 13px 30px;
    font-size: 16px;
    display: inline-block;
}

.entry-meta a,
.entry-meta {
    color: #989898;
}

.avatar {
    margin-right: 30px;
    border-radius: 5px;
    width: 64px;
    height: 64px;
    float: left;
    overflow: hidden;
}

.comment-author * {
    color: #000;
}

.comment-author .says {
    display: none;
}

.comment-metadata * {
    font-size: 14px;
    color: #989898;
}

.reply a:before {
    content: "\efd4";
    font-family: IcoFont !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    margin-right: 15px;
}

.comment-reply-title {
    font-size: 35px;
    line-height: 45px;
    color: #232323;
    margin-bottom: 0;
}

.comment-notes {
    margin-bottom: 40px;
}

.comment-form-comment {
    width: 100%;
    overflow: hidden;
}

.comment-form label {
    display: block;
    font-weight: 500;
}

.comment-form textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 100%;
}

.comment-form-cookies-consent label {
    display: inline-block;
    margin-left: 15px;
    font-size: 14px;
    margin-bottom: 0;
    line-height: inherit
}

.lista_pgos{
    margin-bottom: 0;
}

.lista_pgos > br:last-child{
    display: none;
}

@media ( min-width: 768px ) {
    .comment-form-author,
    .comment-form-email {
        width: 50%;
        float: left;
        overflow: hidden;
    }

    .comment-form-author {
        padding-right: 2%;
    }

    .comment-form-email {
        padding-left: 2%
    }

    .comment-content,
    .reply {
        padding-left: 94px;
    }
}

.list-comments li {
    color: #78787c;
    margin-top: 55px;
}

.list-comments ol {
    padding-left: 80px;
    list-style: none;
}

.comment-form-wrap h2 {
    margin-bottom: 50px;
}

/** Post Navigation **/
.pagination .nav-links {
    margin-top: 30px;
}

.pagination .page-numbers {
    display: inline-block;
    border: none;
    background-color: #000;
    font-family: "Lato", sans-serif;
    font-size: 15px;
    padding: 12px 18px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    margin: 2px;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
    background-color: var(--secondary);
    -webkit-box-shadow: 0 0 16px 0 rgba(252, 128, 42, 0.6);
    box-shadow: 0 0 16px 0 rgba(252, 128, 42, 0.6);
}

/*  ================================================

        10. About Area CSS

    ================================================ */

.team {
    padding-bottom: 35px;
}

.team-member-wrapper {
    margin-top: 30px;
}

.team-member img {
    border: 2px solid transparent;
    margin-bottom: 25px;
    border-radius: 100%;
}

.team-member:hover img {
    border-color: var(--secondary);
}

.team-member h6 {
    font-family: 'Nunito', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #3c3c3c;
    margin-bottom: 10px;
}

.team-wrapper .team-member {
    margin-bottom: 60px;
}

/*  ================================================

        11. Contact Area CSS

    ================================================ */
.wpcf7-form input,
.wpcf7-form textarea {
    width: 100%;
}

.wpcf7-form .wpcf7-submit {
    width: auto;
}

.contact-info {
    max-width: 400px;
    padding: 0 50px 65px;
}

.contact-info li {
    padding: 65px 0 0;
}

.contact-info h3 {
    margin-bottom: 0;
    line-height: inherit;
}

.contact-info li p {
    font-size: 17px;
    margin-bottom: 0;
    line-height: inherit;
    margin-top: 5px;
}

.contact-info li a {
    color: #78787c;
}

.contact-info span {
    border-radius: 5px;
    background-color: #fff4ed;
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 35px;
    line-height: 90px;
    text-align: center;
    font-size: 30px;
    color: var(--secondary);
}

.contact-info li:hover span {
    border-radius: 50%;
}

.contact-info li:hover span {
    color: #000;
}

.contact-info li a:hover {
    color: var(--secondary);
}

.map {
    height: 450px;
}

/*  ================================================

        12. 404 Area CSS

    ================================================ */

.title-404 {
    font-size: 125px;
}

/*  ================================================

        13. Footer Area CSS

    ================================================ */

/* .footer {
    background-repeat: no-repeat;
    margin-top: 40px;
    padding-top: 155px;
    background-position: -40px 0;
} */

/* .footer{
    height: 162px; 
    padding-left: 40px; 
    padding-right: 40px;
}

.footer__container-logos{
    gap: 40px; 
    width: 470px
} */

/* .logo-cliente{
    width: 226px;
    height: 90px;
}

.logo-docta{
    width: 124px;
    height: 90px;
} */

/* .footer__container-modals{
    height: 162px; 
    gap: 32px; 
    padding-bottom: 16px;
    padding-right: 40px;
    width: 60%;
}

.footer__container-modals .modals-options, .footer-logo-text{
    font-size: 14px !important;
    font-weight: 400;
    color: #333333 !important;
    letter-spacing: 0%;
}

.footer__container-modals .modals-options{
    cursor: pointer;
} */

button{
    text-transform: none !important;
}

/** FOOTER PERSONALIZADO **/
.footer-personalized{
    display: flex;
    height: 140px;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    background-color: #fff;
}

.header-wrapper:hover, .footer-personalized:hover {
    z-index: 30;
}


.footer-container-logos{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0 40px; 
    padding: 0 40px;
    max-height: 100px;
}

.footer__container-organized, .footer__container-secretary{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.footer__container-organized .text-wrapper, .footer__container-secretary .text-wrapper, .footer__container-modals .container-modals .text-wrapper{
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Aptos", sans-serif !important;
    font-weight: 400;
    color: #333;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}

.footer__container-organized .logo-cliente{
    width: 100%;
    height: 73px;
    max-height: 73px;
}

.footer__container-secretary .logo-docta{
    width: 100px;
    height: 73px;
}

.footer__container-modals{
    display: inline-flex;
    align-items: flex-end;
    align-content: space-between;
    justify-content: flex-end;
    gap: 40px; 
    height: 100px;
    flex: 1;
    padding-right: 40px;
}

.footer__container-modals .container-modals{
    gap: 40px;
    display: inline-flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.modals-options:hover{
    cursor: pointer;
    color: #333;
}

.footer__container-button{
    min-width: 163px;
    height: 140px;
    margin-right: 40px;
}

#cmplz-manage-consent .cmplz-manage-consent{
    background-color: #97C579 !important;
    color: #fff !important;
    border-radius: 8px 8px 0 0 !important;
    width: 163px !important;
    min-width: 163px !important;
    height: 50px !important;
    right: 40px !important;
    left: inherit !important;
    margin-top: -1.00px !important;
    font-weight: 400;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    line-height: normal !important;
    font-family: "Aptos", sans-serif !important;
}

.footer h4 {
    font-size: 15px;
    font-family: 'Nunito', sans-serif !important;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 32px;
    margin-bottom: 0px;
}

.footer p {
    margin-bottom: 0;
}

/*** Footer Top ***/

.footer-top-wrapper {
    overflow: hidden;
    padding: 55px 100px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px 0 rgba(252, 128, 42, 0.12);
    -o-box-shadow: 0 0 25px 0 rgba(252, 128, 42, 0.12);
    box-shadow: 0 0 25px 0 rgba(252, 128, 42, 0.12);
}

.footer-top-wrapper h2 {
    line-height: 50px;
    margin: 0;
    max-width: 535px;
}

.footer-top-wrapper .btn {
    padding: 18px 56px;
    color: #ffffff;
}

/*** Footer Middle ***/

.social-links {
    margin-top: 30px;
    margin-bottom: 0;
}

.social-links a {
    margin-top: 10px;
    display: block;
    border-radius: 4px;
    background-color: #000;
    color: #ffffff !important;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -o-box-shadow: 0 0 25px 0 rgba(252, 128, 42, 0.12);
    -webkit-box-shadow: 0 0 25px 0 rgba(252, 128, 42, 0.12);
    box-shadow: 0 0 25px 0 rgba(252, 128, 42, 0.12);
}

.social-links a:hover {
    border-radius: 50%;
}

.social-links .fb {
    background-color: #4264b2;
}

.social-links .skype {
    background-color: #03bafe;
}

.social-links .g-plus {
    background-color: #fa6718;
}

.social-links .twitter {
    background-color: #1da1f2;
}

.social-links .linkedin {
    background-color: #00a0dc;
}

.social-links .pinterest {
    background-color: #bd081c;
}

.social-links .instagram {
    background-color: #000;
}

.social-links .youtube {
    background-color: #ff0000;
}

.social-links .vimeo {
    background-color: #1ab7ea;
}

.social-links .behance {
    background-color: #1769ff;
}

.social-links .dribbble {
    background-color: #eb044f;
}

.widget_nav_menu .menu,
.menu .sub-menu {
    margin-bottom: 0;
    list-style: none;
    padding: 0;
}

.menu .sub-menu {
    padding-left: 5px;
}

.widget_nav_menu .menu li:first-child a {
    padding-top: 0;
}

.widget_nav_menu .menu .sub-menu li:first-child a {
    padding: 9px 0;
}

.widget_nav_menu .menu li:last-child a {
    padding-bottom: 0;
}

.widget_nav_menu .menu a {
    color: #78787c;
    display: block;
    padding: 9px 0;
}

.widget_nav_menu .menu a:hover {
    color: var(--secondary);
}

@media only screen and (min-width: 992px ) {
    .widget_nav_menu {
        margin-left: 20%;
    }
}

/*** Footer Bottom ***/

.footer-bottom {
    background-color: rgb(254, 248, 241);
}

.footer-bottom p {
    padding: 10px 0;
    font-size: 15px;
}

.footer-bottom span {
    color: var(--secondary);
}

/*  ================================================

        14. Accessibility CSS

    ================================================ */
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*  ================================================

        15. Alignments CSS

    ================================================ */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*  ================================================

        15. Clearings CSS

    ================================================ */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*  ================================================

        17. Posts and pages CSS

    ================================================ */
.sticky {
    display: block;
}

.post,
.page {
    margin: 0 0 1.5em;
}

body.page {
    margin-bottom: 0;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*  ================================================

        18. Comments CSS

    ================================================ */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*  ================================================

        19. Infinite scroll CSS

    ================================================ */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*  ================================================

        20. Media CSS

    ================================================ */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/*  ================================================

        21. Captions CSS

    ================================================ */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*  ================================================

        22. Galleries CSS

    ================================================ */
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/*formato para calendario*/

#cal-atras {
    background: #FFF;
    margin: 20px 0;
    padding: 15px;
    padding-top: 1px;
    height: 143px;
}


.calendario2 .calendarriobarcelona span.addtocalendar ul li a {
    background: transparent !important;
}

.addtocalendar var {
    display: none;
}

.addtocalendar {
    position: relative;
    display: inline-block;
    background: transparent !important;
    width: 58px;
}

.addtocalendarbcn var {
    display: none;
}

.addtocalendarbcn {
    position: relative;
    display: inline-block;
    background: transparent !important;
}

.atcb-link {
    display: block;
    outline: none !important;
    cursor: pointer;
}

.atcb-link:focus ~ ul,
.atcb-link:active ~ ul,
.atcb-link:hover ~ ul,
.atcb-list:hover {
    visibility: visible;
}

.atcb-list {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 170px;
    z-index: 900;
}

.atcb-list,
.atcb-item {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

.atcb-item {
    float: none;
    text-align: left;
}

.atcb-item-link {
    text-decoration: none;
    outline: none;
    display: block;
}

.atcb-item.hover,
.atcb-item:hover {
    position: relative;
    z-index: 900;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}


/* Blue */

.atc-style-blue .atcb-link,
.atc-style-blue .atcb-link:hover,
.atc-style-blue .atcb-link:active,
.atc-style-blue .atcb-link:focus {
    margin: 0;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    outline: none;
    vertical-align: middle;
    background: rgb(66, 129, 244);
    /* box-shadow: 0 0 40px rgba(0, 0, 0, .13) inset;
     border-radius: 4px;*/
    zoom: 1;
}

.atc-style-blue .atcb-list {
    width: 170px;
    border: 1px solid rgb(186, 186, 186);
    border-radius: 2px;
    box-shadow: 0 0 5px #AAA;
}

.atc-style-blue .atcb-list,
.atc-style-blue .atcb-item {
    background: #fff;
    color: #000;
}


.atc-style-blue .atcb-item,
.atc-style-blue .atcb-item-link {
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
}

.atc-style-blue .atcb-item-link,
.atc-style-blue .atcb-item-link:hover,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus {
    color: var(--terciary);
    font-family: "Verdana";
    font-size: 14px;
    text-decoration: none;
    outline: none;
    padding: 5px 15px;
}

.atc-style-blue .atcb-item-link:hover,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus {
    color: #fff;
    /* color: var(--secondary); */
}

.atc-style-blue .atcb-item.hover,
.atc-style-blue .atcb-item:hover {
    background: var(--terciary);
}

/*formato para calendario*/


/* cuenta atras */
#pbc-shell-0 {
    width: 341px !important;
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}

#pbc-shell-0 span.pbc-label {
    font-size: 14px !important;
    background: transparent !important;
    color: var(--secondary) !important;
    line-height: 23px !important;
}

#pbc-shell-0 .pbc-unit-content {
    height: 75px !important;
    background: transparent !important;
    color: var(--secondary) !important;
}

.pbc-cover {
    width: 350px !important;
    text-align: center !important;
    float: none !important;
    margin: 4% auto auto auto !important;
    display: table !important;
    table-layout: fixed !important;
}

.pbc-unit {
    width: 80px !important;
}

#pbc-shell-0 {
    text-align: center !important;
}

span.pbc-num {
    font-size: 28px !important;
}

/* cuenta atras */

/*formulario de inscripcion*/

#inscripcion .btn, button, .button, input[type="submit"] {
    height: 42px !important;
    padding: 10px 25px !important;
}


#inscripcion .tablecuotas input[type=checkbox] {
    margin-right: 8px !important;
    margin-top: 5px !important;
}

input[type="Password"] {
    width: 100% !important;
}

#inscripcion legend {
    font-size: 20px !important;
    margin-bottom: 0 !important;
    color: #232323 !important;
}

#inscripcion h3 {
    font-size: 20px !important;
    margin-bottom: 0 !important;
}

#inscripcion h2 {
    font-size: 20px !important;
    margin-bottom: 0 !important;
}

#frmLOGIN {
    margin-top: 9px !important;
}

#inscripcion label {
    color: #888 !important;
    font-size: 15px !important;
    margin-top: 0px !important;
}

#frmLOGIN label {
    color: #888 !important;
    font-size: 15px !important;
    margin-top: 0px !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-primary {
    color: #fff !important;
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 15px !important;
}

.form-control, textarea, input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="number"], select {
    padding: 11px 15px !important;
}

#inscripcion label {
    display: inline-block !important;
    margin-bottom: 0 !important;
}


#inscripcion .aviso {
    color: red !important;
    margin-left: 5px !important;
}

#inscripcion input {
    margin: 0px 0 0px 0 !important;
}

#inscripcion small {
    font-size: 90% !important;
    font-weight: 400 !important;
    margin-bottom: 10px !important;
}

#inscripcion .form-group {
    margin-bottom: 0.75rem !important;
}


#inscripcion #altaasistente h2, #inscripcion #altaempresa h2 {
    color: var(--secondary) !important;
}

fieldset p {
    text-align: justify !important;
    line-height: 27px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

#inscripcion #frmLOGIN .col-md-9, #inscripcion #frmLOGIN .col-md-3, #inscripcion #frmLOGIN .col-md-6 {
    max-width: 100% !important;
}

#inscripcion #frmALTASIST .col-md-9, #inscripcion #frmALTASIST .col-md-3, #inscripcion #frmALTASIST .col-md-6 {
    max-width: 100% !important;
}

#inscripcion #frmALTEMP .col-md-9, #inscripcion #frmALTEMP .col-md-3, #inscripcion #frmALTEMP .col-md-6 {
    max-width: 100% !important;
}

#inscripcion #frmINS_ASIST .col-md-9, #inscripcion #frmINS_ASIST .col-md-3, #inscripcion #frmINS_ASIST .col-md-6 {
    max-width: 100% !important;
}

#inscripcion #TipoCIFFacturacion, #inscripcion #TipoCIF_E {
    margin-bottom: 10px;
}

input#rememberboton {
    margin-top: 12px !important;
}

input, select, textarea {
    border-color: #6978A0 !important;
}

.observacionesFormulario p {
    font-size: 14px;
    line-height: 20px;
}

#inscripcion .table-responsive {
    display: inline-table !important;
}

#inscripcion textarea {
    height: 150px !important;
}

#inscripcion .nav {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

#inscripcion .nav-pills > li {
    float: left !important;
}

#inscripcion .nav > li {
    position: relative !important;
    display: block !important;
}

#inscripcion .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none !important;
    background-color: #eee !important;
}

#inscripcion .nav-pills > li > a {
    border-radius: 5px !important;
}

#inscripcion .nav-pills > li > a {
    border-radius: 4px !important;
}

#inscripcion .nav > li > a {
    position: relative !important;
    display: block !important;
    padding: 10px 15px !important;
}

#inscripcion .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff !important;
    background-color: var(--primary) !important;
}

#inscripcion .tab-content {
    margin-top: 80px !important;
}

#inscripcion .tab-content label {
    margin-top: 0px !important;
}

#inscripcion .form-group {
    clear: both !important;
}

#inscripcion #CIFFacturacion, #inscripcion #CIF {
    margin-top: 0 !important;
}

#inscripcion label.error {
    color: red !important;
    font-weight: 100 !important;
}

#checkLOPD {
    margin-left: -20px !important;
}

#checkLOPD {
    -webkit-appearance: checkbox !important;
}


input[type="radio"] {
    -webkit-appearance: radio !important;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
}

#inscripcion table, th, td {
    border: 1px solid #B1B2B3 !important;
}

#inscripcion .radio input {
    margin: 0 0 0px 0 !important;
    margin-right: 8px !important;
    margin-top: 5px !important;
}

.tab-content {
    border: 0px solid #e9e9e9 !important;
}

#inscripcion span.error {
    color: red !important;
    font-weight: 100 !important;
}

span.mensaje {
    color: green !important;
    font-size: 20px !important;
}

fieldset {
    border: 0px solid #c0c0c0 !important;
    margin: 0 2px !important;
    padding: 0.35em 0.625em 0.75em;
}

.observacionesFormulario {
    margin-top: 15px !important;
}

#idProvinciaF, #idProvincia, #idProvincia_E {
    margin-top: 10px !important;
}

.help-block {
    display: block !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    color: #737373;
}

#frmLOGIN .observacionesFormulario {
    margin-top: 0 !important;
}


/*formulario de inscripcion*/


/* tablas ponente, cuotas, presentaciones, forma pago, alojamiento, etc */
.tablepress{
    border-radius: 8px !important;
    box-shadow: 2px 2px 20px 0 rgba(211, 211, 211, 0.5);
}

.tablepress > tbody > tr.row-1 > td, .tablepress > tbody > tr:last-child > td{
    border: none !important;
    border-radius: 8px 8px 0 0 !important;
}

.tablepress > tbody > tr > td{
    border: none !important;
    padding: 20px !important;
}

.tablepress > tbody > tr:last-child > td{
    border-radius: 0 0 8px 8px !important;
}
/* tablas ponente */
#tablepress-3 tr td.column-1, #tablepress-3 tr td.column-3 {
    width: 92px;
}

/* tablas ponente */

/* tablas presentaciones */
#tablepress-4 tr td.column-2, #tablepress-5 tr td.column-2 {
    width: 92px;
}

#tablepress-4 tr.row-1 td.column-1, #tablepress-5 tr.row-1 td.column-1 {
     background-color: var(--primary);
    /* color: var(--secondary); */
    color: #fff;
    text-align: center;
}

/* tablas presentaciones */

/* tablas forma pago */
#tablepress-2 tr.row-1 td.column-1 {
     background-color: var(--primary);
    /* color: var(--secondary); */
    color: #fff;
    text-align: center;
}

/* tablas forma pago */


/* tablas cuotas */
#tablepress-1 tr.row-1 td.column-1 {
    background-color: var(--primary);
    /* color: var(--secondary); */
    color: #fff;
    text-align: center;
}

/* tablas cuotas */

/* tablas alojamiento */
#tablepress-6 tr.row-1 td.column-1 {
    background-color: var(--primary);
    /* color: var(--secondary); */
    color: #fff;
    text-align: center;
}

/* tablas alojamiento */

/* tablas cancelacion */
#tablepress-7 tr.row-1 td.column-1 {
    background-color: var(--primary);
    /* color: var(--secondary); */
    color: #fff;
    text-align: center;
}

/* tablas cancelacion */

/* tablas programa */
#tablepress-8 tbody td:first-child, #tablepress-17 tbody td:first-child, #tablepress-9 tbody td:first-child, #tablepress-10 tbody td:first-child, #tablepress-11 tbody td:first-child, #tablepress-12 tbody td:first-child, #tablepress-13 tbody td:first-child, #tablepress-14 tbody td:first-child, #tablepress-15 tbody td:first-child,
#tablepress-8-no-2 tbody td:first-child, #tablepress-8-no-3 tbody td:first-child {
    width: 150px !important;
    text-align: center;
    color: #696969;
}

#tablepress-16 tbody tr:first-child td {
    text-align: center;
}


/* tablas programa */

/* tablas ponente, cuotas, presentaciones, forma pago, alojamiento, etc */


/*accordion*/

.panel-group {
    margin-bottom: 20px !important;
    margin-top: 15px !important;
}

.panel-group .panel {
    /* margin-bottom: 0 !important; */
    /* border-radius: 4px !important; */
    margin: 40px 0 !important;
}

.panel-default {
    border-color: #ddd !important;
}

.panel-heading {
    padding: 10px 15px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.panel-heading{
    height: 60px;
    border: none !important;
    border-radius: 8px 8px 0 0 !important;
    box-shadow: 2px 2px 20px 0 rgba(211, 211, 211, 0.5) !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.panel_hour{
    width: 130px;
}

.colorgris, .colortres{
    border-radius: 8px !important;
}

.panel-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 16px !important;
    color: inherit !important;
}

.panel-title a {
    cursor: default !important;
}

.panel-default > .panel-heading {
    color: #fff !important;
    background-color: var(--primary);
    border-color: #ddd !important;
}

.collapse.in {
    display: block !important;
}

.panel-group .panel + .panel {
    margin-top: 5px !important;
}

.panel-title a {
    color: var(--secondary) !important;
}

.colorgris {
    background-color: var(--secondary) !important;
    
}

.colortres {
    background-color: var(--terciary) !important;
    
}
.coloramarillo {
    background-color: var(--primary) !important;
    
}
.colorgris h4 {
    color: #fff !important;
}

.coloramarillo a {
    color: var(--secondary) !important;
}


/*accordion*/


/* anadido */


form.post-password-form p {
    text-align: center;
    font-size: 16px;
}

form.post-password-form {
    margin: 65px 0 185px 0;
}

.footer-widget-title, .footer h4 {
    font-size: 13px !important;
}

.footer, .footer a, .footer p, .widget_nav_menu .menu a {
    color: #78787c !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}

.footer-widget-title {
    color: #232323 !important;
}

.footer h4 {
    font-size: 11px !important;
    font-family: 'MontserratNew', sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    line-height: 32px !important;
    margin-bottom: 0px !important;
}

.footer {
    padding-top: 12px !important;
    margin-top: 0px !important;
}

.modal-dialog {
    max-width: 95% !important;
    margin: 3.75rem auto !important;
}

.modal-content {
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
}

.contact-dialog{
    max-width: 20% !important;
    margin: 0 auto !important;
}

.modal-body {
    padding: 0 !important;
}

.close {
    color: #000000 !important;
    opacity: 0.75 !important;
}

.btn, a.btn, button, [type="button"], [type="reset"], [type="submit"], .elementor a.btn, .reply .comment-reply-link {
    -webkit-box-shadow: 0 0 16px 0 transparent !important;
    box-shadow: 0 0 16px 0 transparent !important;
    color: #ffffff;
}

.spanclose {
    font-size: 23px !important;
}

.cdp-cookies-alerta .cdp-cookies-texto {
    padding: 25px 10px 25px 10px !important;
}

.cdp-cookies-boton-cerrar {
    margin-top: 11px;
}

.main-menu li a {
    font-size: 13px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    color: var(--primary) !important;
}

.ancho220 {
    width: 220px !important;
}

.oculto {
    display: none !important;
}

.entry-title, .page-title {
    text-transform: initial !important;
}

/*#main_countedown_1 .element_conteiner + .element_conteiner + .element_conteiner + .element_conteiner {
    display: none;
}*/

.centrado {
    width: auto;
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}

#block-2{
    margin-right: 5%;
}
#block-3{
    margin-left: 10%;
}

.header-wrapper {
    /* background-color: rgba(135, 184, 203, 0.8); */
    background-color: #fff;
}

* {
    font-family: 'MontserratNew' !important;
}

.entry-title, .page-title {
    text-align: center !important;
    font-size: 26px !important;
    color: var(--primary) !important;
}

.modal-header {
    background-color: var(--primary) !important;
}

.modal-title {
    color: #FFFFFF !important;
}

.clase1 {
    font-family: 'MontserratNew', cursive;
    font-weight: bold;
    color: var(--primary);
    font-size: 15px;
}

.clase2 {
    font-family: 'MontserratNew';
    color: var(--secondary);
    font-size: 15px;
}
.clase2-bold{
    font-family: 'MontserratNew';
    color: #666666;
    font-size: 15px;
    font-weight: bold;
}

.clase3 {
    font-family: 'MontserratNew';
    font-style: italic;
    font-size: 13px;
    color: #696969;
}

.clase4 {
    font-family: 'MontserratNew';
    color: #777777;
    font-size: 15px;
}

.clase5 {
    font-family: 'MontserratNew';
    color: rgb(189, 36, 91);
    font-size: 15px;
}

.clase6 {
    font-family: 'MontserratNew';
    font-weight: bold;
    color: rgb(189, 36, 91);
    font-size: 15px;
}

.entry-content p {
    font-family: 'MontserratNew';
    color: #777777;
    font-size: 15px;
    line-height: 24px !important;
}

body {
    font-weight: 500 !important;
    font-size: 15px !important;
}

.resaltado {
    background: var(--primary) !important;
}

li.resaltado a {
    color:  var(--secondary) !important;
}

/* anadido */


.main-menu li a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: var(--primary);
    transition: width .5s;
}


.main-menu li a:hover::after {
    width: 100%;
    transition: width .3s;
}

.hero-area {
    padding-top: 0 !important;
    padding-bottom: 25px !important;
}

.container {
    max-width: 100vw !important;
    margin: 0 !important;
}

.navbar-home{
    width: 100% !important;
    padding: 0 !important;
}

#menu-primary {
    margin-right: 0 !important;
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.logo-wrap {
    margin-left: 5%;
}

#masthead{
    background-image: url('https://www.doctaforum-events.org/2025/postesmoplusgi2025/wp-content/themes/bring-back/images/background.webp') !important;
    position: relative
}

.calendario2 {
    width: 20px;
    height: 20px;
    position: absolute !important;
    top: 20px !important;
    right: 305px !important;
    z-index: 10000 !important;
}

.calendario2_position2{
    top: 43px !important;
}

.calendarriobarcelona {
    height: 20px;
}

.atcb-link, .addtocalendar {
    width: 40px;
    height: 40px;
    margin: auto;
}


.atc-style-blue .atcb-list, .atc-style-blue .atcb-item {
    background: #fff;
    color: var(--primary) !important;
}

.imagen1{
    width: 150px !important;
}
.imagen2{
    width: 130px !important;
}
.imagen3{
    width: 110px !important;
}

.calendario2 .calendarriobarcelona span.addtocalendar a {
    background: url('https://www.doctaforum-events.org/2025/postesmoplusgi2025/wp-content/themes/bring-back/images/icono_calendar.svg') !important;
    background-repeat: no-repeat !important;
}

#custom_html-3 {
    margin-right: 5%;
}

#custom_html-4 {
    margin-left: 15%;
}

.footer {
    padding-bottom: 10px;
}

.claseDoctaforumEmailLateral {
    text-decoration: underline;
}

.custom-html-widget a {
    text-decoration: underline;
}

.caja-inicio {
    animation-duration: 2s;
    animation-name: slidein;
    transition-timing-function: ease-in;
}

button:focus {
    outline: none !important;
}

.navbar-toggler, .navbar-toggler:hover {
    background-image: url("https://www.doctaforum-events.org/2025/postesmoplusgi2025/wp-content/themes/bring-back/images/icono_hamburguesa.svg");
    background-repeat: no-repeat;
    background-color: transparent !important;

}

#inscripcion .btn, button, .button, input[type="submit"] {
    height: auto !important;
    padding: 10px 10px !important;
    margin-right: 4%;
}

.header-wrapper {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.main-menu .dropdown a i{
    color: var(--primary) !important;
}

@keyframes slidein {
    from {
        margin-top: -10%;
    }
    to {
        margin-top: 0;
    }
}

.hero-area {
    min-height: 76vh;
}

.default-page {
    max-width: 65%;
    margin: auto;
}

.cmplz-btn {
    font-size: 12px !important;
}

/* #cmplz-manage-consent .cmplz-manage-consent {
    background-color: #eaeaea !important;
} */

.colaboradores img{
    margin: 20px 30px !important;
}


.btn-platforms{
    height: 40px;
    background-color: var(--secondary);
    color: #fff;
    width: 240px;
    animation: transform .3s ease-in-out;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    line-height: 0;
}

.btn-platforms:hover{
    /* color: var(--secondary); */
    color: #fff;
    transform: scale(1.05);
}

.calendario2_position2{
    right: 160px !important;
}

.calendario2 .atcb-list{
    left: inherit !important;
    right: 20px !important;
}

.header-wrapper:hover, .footer-home:hover{
    z-index: 30;
}

@media (max-width: 1832px) {
    #menu-primary {
        margin-right: 33%;
    }

    
}

@media (max-width: 1645px) {
    #menu-primary {
        margin-right: 29%;
    }
}

@media (max-width: 1528px) {
    #menu-primary {
        margin-right: 26%;
    }

    .calendario2 {
        right: 60px !important;
    }

    .calendario2_position2 {
        right: 20px !important;
    }
}

@media (max-width: 1467px) {
    #menu-primary {
        margin-right: 22%;
    }
}

@media (max-width: 1392px) {
    #menu-primary {
        margin-right: 18%;
    }

    .atcb-list {
        left: -74px;
    }

    .contact-dialog{
        max-width: 40% !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 1366px) {
    

    #menu-primary {
        margin-right: 15%;
    }

    .imagen1{
        width: 120px !important;
    }
    .imagen2{
        width: 110px !important;
    }
    .imagen3{
        width: 100px !important;
    }
}

/**
*   A partir de aquí ya no se ve bien el texto del footer así que paso al diseño tablet
*/
@media (max-width: 1339px) {
    
    .footer__container-modals{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start !important;
        padding: 0;
        gap: 0;
        height: 100px;
    }

    .footer__container-modals .container-modals{
        gap: 0;
        display: inline-flex;
    }

}

@media (max-width: 1289px) {
    #menu-primary {
        margin-right: 10%;
    }

    

    .contact-dialog{
        max-width: 50% !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 1236px) {
    .logo-wrap {
        margin-left: 0 !important;
    }

}

@media (max-width: 1179px) {
    

    #menu-primary {
        margin-right: 10%;
    }

    .atcb-list {
        left: -145px;
    }

    .imagen1{
        width: 110px !important;
    }
    .imagen2{
        width: 100px !important;
    }
    .imagen3{
        width: 90px !important;
    }
}

@media (max-width: 1138px) {
    

    .main-menu li a {
        font-size: 12px !important;
    }
}

@media (max-width: 1105px) {
    .main-menu .navbar {
        height: 85px;
    }


    .custom-logo {
        width: 166px;
    }

    #menu-primary {
        margin-right: 14%;
    }

    .calendario2{
        /* right: 10px !important; */
        top: 40px !important;
    }

    .calendario2_position2 {
        right: 10px !important;
    }
}

@media (max-width: 1059px) {
    #menu-primary {
        margin-right: 5%;
    }
}

@media (max-width: 1009px) {
    .custom-logo {
        width: 150px;
    }

    .main-menu li a {
        font-size: 11px !important;
    }

    #menu-primary {
        margin-right: 12%;
    }
}

@media (max-width: 1070px) {
    .main-menu li a {
        font-size: 10px !important;
    }

    #menu-primary {
        margin-right: 20%;
    }

}

@media (max-width: 1015px) {
    #menu-primary {
        margin-right: 16%;
    }
}

@media (max-width: 991px ) {
    body .header-wrapper{
        box-shadow: 2px 2px 40px 0 rgba(211 , 211, 211, 0.5) !important;
    }

    .imagen1{
        width: 90px !important;
    }
    .imagen2{
        width: 80px !important;
    }
    .imagen3{
        width: 70px !important;
    }

    .logo-wrap{
        max-width: 300px !important;
    }

    .entry-header {
        margin-top: 20% !important;
    }
    
    .main-menu .navbar {
        height: auto;
    }

    .main-menu li a {
        font-size: 13px !important;
    }

    #menu-primary {
        margin-right: 0 !important;
        text-align: center;
    }

    #menu-primary li, #menu-primary li.menu-item, #menu-primary li.menu-item a.dropdown-item {
        width: 100%;
        text-align: center;
    }

    .calendario2 {
        top: 8px !important;
        right: 100px !important;
    }

    .calendario2_position2{
        top: 42px !important;
    }

    .navbar-home{
        display: flex;
        justify-content: flex-end;
    }

    #masthead {
        background-image: url('https://www.doctaforum-events.org/2025/postesmoplusgi2025/wp-content/themes/bring-back/images/background_991x1170.webp') !important;

    }

    .header-wrapper {
        position: absolute !important;
        min-width: 100% !important;
        z-index: 10000 !important;
    }

    .hero-area {
        padding-top: 100px !important;
    }

    .panel_hour{
        width: 115px;
    }

    #tablepress-9 > tbody > tr > .column-1, #tablepress-10 > tbody > tr > .column-1, #tablepress-11 > tbody > tr > .column-1{
        width: 35px !important;
    }

    .contact-dialog{
        max-width: 50% !important;
        margin: 0 auto !important;
    }

}

@media (min-height: 1000px) {
    .footer-home{
        position: absolute;
        bottom: 0;
    }
}

@media (max-width: 986px) {
    .atcb-list {
        left: -74px;
    }

    .panel-heading{
        height: auto;
    }
}

@media (max-width: 768px) {
    #cmplz-manage-consent .cmplz-manage-consent {
        display: block !important;
    }

}

/**
*   Cambio el footer a la versión movil porque con el tamaño del logo-cliente
*   no se ve bien, si se tiene un logo más pequeño se puede reducir la media query
*/
@media (max-width: 800px) {

    /** FOOTER PERSONALIZADO **/

    .footer-personalized{
        position: relative;
    }

    .footer-personalized{
        flex-direction: column;
        height: auto;
        align-items: flex-start;
        gap: 24px;
        padding: 20px 40px;
    }

    .footer-personalized:focus, .footer-personalized:active{
        z-index: 30 !important;
    }

    .footer-home{
        position: relative;
    }

    .footer-container-logos{
        flex-direction: column;
        gap: 24px; 
        padding: 0;
        max-height: fit-content;
    }

    .footer__container-organized, .footer__container-secretary{
        gap: 10px;
    }

    .footer__container-organized .logo-cliente{
        /* width: 163px; */
    }

    .footer__container-secretary .logo-docta{
        width: 80px;
        height: 58px;
    }
    
    .footer__container-modals{
        margin-bottom: 30px;
        width: 100%;
    }
    .footer__container-modals .container-modals{
        display: inline-flex;
    }

    .footer__container-button{
        display: none;
    }

    #cmplz-manage-consent .cmplz-manage-consent{
        width: 130px !important;
        min-width: 130px !important;
        height: 40px !important;
        right: inherit !important;
        left: 40px !important;
    }

}

@media (max-width: 660px) {

    .entry-header {
        margin-top: 30% !important; 
    }
    .default-page {
        max-width: 90%;
    }

    .colaboradores img{
        margin: 0 !important;
        padding: 12px 15px !important;
    }

    .contact-dialog{
        max-width: 90% !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 600px) {
    .footer-middle {
        padding-top: 10px !important;
        padding-bottom: 30px !important;
    }

}

@media (max-width: 585px) {
    .calendario2 {
        right: 100px !important;
        
    }
}

@media (max-width: 576px) {
    #masthead {
        background-image: url('https://www.doctaforum-events.org/2025/postesmoplusgi2025/wp-content/themes/bring-back/images/background_576x1000.webp') !important;
    }

    .imagen1{
        width: 70px !important;
    }
    .imagen2{
        width: 60px !important;
    }
    .imagen3{
        width: 50px !important;
    }

}

@media (max-width: 575px) {
    .row .col-lg-6 {
        justify-content: flex-start !important;
        text-align: left;
        padding-left: 12%;
    }

    #block-2{
        margin-right: 0;
    }
    #block-3{
        margin-left: 0%;
        margin-top: 3%
    }

    #custom_html-3 {
        margin-right: 0 !important;
    }

    #custom_html-4 {
        margin-left: 0 !important;
        padding-top: 25px;
    }

    .pbc-unit {
        width: 65px !important;
    }

    span.pbc-num {
        font-size: 22px;
    }

    #pbc-shell-0 span.pbc-label {
        font-size: 10px !important;
    }
}


@media (max-width: 447px) {

    #pbc-shell-0 {
        display: flex !important;
        justify-content: center !important;
    }

    .pbc-down-count {
        width: 279px !important;
    }
}

@media (max-width: 409px) {
    #pbc-shell-0 {
        width: 280px !important;
    }

    .pbc-down-count {
        width: 279px !important;
    }

    .pbc-cover {
        width: auto !important;
    }

    .calendario2{
        right: 75px !important;
    }
}

@media (max-width: 358px) {
    .entry-header {
        margin-top: 40% !important; 
    }
}