@charset "UTF-8";

/**
 * Theme Name: Mundial Informática - v2022
 * Author: iDesk
 * Description: Tema desenvolvido para o site Mundial Informática.
 * Requires at least: 5.3
 * Tested up to: 5.7
 * Requires PHP: 7.0
 * Version: 1.0.3
 * Text Domain: mundial
 */

html, body { margin: 0; padding: 0; }
body { font-family: 'Roboto', Verdana, Geneva, Tahoma, sans-serif; }

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

/** Backgrounds and colors **/
.bg-light-gray { background-color: #E0E0E0; }

.btn-dark-blue, .bg-dark-blue { background-color: #105894; color: #FFF; border-color: #105894; }

.bg-mundial, 
.btn-mundial { background: rgb(10,59,112);
    background: linear-gradient(0deg, rgba(10,59,112,1) 0%, rgba(14,77,147,1) 100%);
    color: #FFFFFF !important;
}

.bg-orange,
.btn-orange { background: rgb(195,99,35);
    background: linear-gradient(0deg, rgba(195,99,35,1) 0%, rgba(255,102,0,1) 100%);
    color: #FFFFFF; }
.btn-orange { border-color: #EFEFEF; border-width: 2px; }


.form-newsletter label.wpforms-error { color: #FFF !important; }
.btn-newsletter {
    background-color: #105894 !important;
    border: 1px solid #105894 !important;
    color: #FFF !important;
    font-size: 1em;
    font-weight: bold;
    padding: 6px 10px !important;
}

.dropdown-menu { background-color: #FFF; border-color: transparent; }


/**
 * 1. Typography
 */

.border-half-blue { position: relative; padding-top: 1em; }
.border-half-blue:after { content: ''; position: absolute; top: 0px; left: 0; width: 50%; border-bottom: 6px solid #0e4d93; }

/**
 * 2. Header
 */
#top-bar { background-color: #E0E0E0; border-bottom: 1px solid #d0d0d0; }
.top-social-icon { height: 24px; width: auto; }

.logo-header { max-height: 100px; }

/* Dropdown Columns */
.dropdown-item { color: var(--bs-nav-link-color); }
div.dropdown-multicol2 .dropdown-item { white-space: normal; }
.dropdown-support { min-width: 16rem; }

#header .dropdown-item { margin-bottom: .5rem; }
#header .dropdown-item-icon { flex: 0 0 24px; width: 28px; margin-right: .5rem; margin-bottom: 0;}
#header .dropdown-item-icon img { max-height: 24px; vertical-align: middle; }

.dropdown-customer a { color: var(--bs-nav-link-color); text-decoration: none; }
.dropdown-customer a:hover { color: rgb(10,59,112); }


/**
 * 3. Page contents
 */

.site-main section:nth-last-child(-n+2) { padding-bottom: 8rem !important; }
.site-main section:nth-last-child(-n+1) { padding-bottom: 0rem !important; }

#page-title, #home-banners { position: relative; }

#home-banners .carousel-control-prev, #home-banners .carousel-control-next { border: 0; }
#home-banners .carousel-control-prev { background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%); }
#home-banners .carousel-control-next { background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%) ; }

#home-banners::after {
    content: ' ';
    position: absolute;
    bottom: -1px;
    left: 0;
    background: url(assets/images/curva-bottom-home.png) no-repeat;
    background-size: cover;
    height: 15px;
    width: 100%;
    z-index: 99;
 }

#page-title {  background-image: url(assets/images/sample/bckgrd-title.jpg); background-repeat: no-repeat; background-size: cover; }
#page-title .col { min-height: 180px; padding-bottom: 35px; }

#page-title::after {
    content: ' ';
    position: absolute;
    bottom: 0px;
    left: 0;
    background: url(assets/images/curva-bottom-internals.png) no-repeat center center;
    background-size: cover;
    height: 35px;
    width: 100%;
    z-index: 99;
}

#page-title .col h1 { text-shadow: 2px 2px 8px rgba(0,0,0,0.75); }

.segment-item { /*border: 1px solid #404040;*/ border-radius: 10px; font-size: .85rem; }
.segment-item:hover { background-color: #EFEFEF; }

.product-home-item { border-radius: 16px; border: 1px solid #d3d3d3; overflow: hidden; }
.product-home-item h4 { font-size: 1rem; }
.product-home-item a { color: rgb(255,102,0); transition: color 300ms; }
.product-home-item .product-photo { height: 120px; overflow: hidden; border-bottom: 5px solid rgb(255, 102, 0); position: relative; transition: all 300ms; }
.product-home-item .product-photo .product-photo-bckgrd { background-size: cover; background-repeat: no-repeat; position: absolute; height: 100%; width: 100%; transition: all 300ms; }
.product-home-item .product-photo::after {
    content: ' ';
    position: absolute;
    top: 0px;
    left: 0;
    background-color: rgba(224, 110, 26, 0.5);
    width: 100%;
    height: 100%;
    z-index: 10;
    transition: all 300ms;
}

.product-home-item a:hover { color: rgb(14, 77, 147); }
.product-home-item a:hover > .product-photo { border-color: rgb(14, 77, 147); }
.product-home-item a:hover > .product-photo .product-photo-bckgrd { transform: scale(1.2); }
.product-home-item a:hover > .product-photo::after { background-color: rgba(14, 77, 147, 0.5); }

.news-item { position: relative; }

.home #box-lets-talk { margin-top: -3.5rem; }
#box-lets-talk .bg-orange {
    -webkit-border-radius: 12px;
    -webkit-border-top-right-radius: 60px;
    -webkit-border-bottom-left-radius: 60px;
    -moz-border-radius: 12px;
    -moz-border-radius-topright: 60px;
    -moz-border-radius-bottomleft: 60px;
    border-radius: 12px;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
}

/** Internal pages Titles */
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6,
.single h1, .single h2, .single h3, .single h4, .single h5, .single h6 { color: #0e4d92; font-weight: 700; }

.page .text-white h1, .page .text-white h2, .page .text-white h3, 
.page .text-white h4, .page .text-white h5, .page .text-white h6,
.single .text-white h1, .single .text-white h2, .single .text-white h3, 
.single .text-white h4, .single .text-white h5, .single .text-white h6 { color: #FFF; }

.product-page-title, .page h2.product-page-title, .single h2.product-page-title { font-size: 2.5rem; margin-bottom: 3rem !important; }
.product-page-title strong { color: rgb(255,102,0); }

.mundial.free-trial-button {}
.mundial-free-trial-button a.wp-block-button__link { background: linear-gradient(0deg, rgba(195,99,35,1) 0%, rgba(255,102,0,1) 100%); color: #FFF; border: 3px solid #FFF; }
.mundial-free-trial-button a.wp-block-button__link:hover { border-color: #0e4d92; background: linear-gradient(0deg, rgb(181, 90, 30) 0%, rgb(255, 102, 0) 100%); }

#box-lets-talk .bg-orange { border-width: .5rem; border-color: #FFFFFF; border-style: solid;}

#box-newsletter .bg-orange { border: .5rem solid #FFF; border-radius: 12px; }
#box-newsletter h4 { color: #FFF; }

.shadow { -webkit-box-shadow: 0px 10px 13px -7px rgba(0,0,0,0), 5px 5px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 10px 13px -7px rgba(0,0,0,0), 5px 5px 15px 5px rgba(0,0,0,0);
}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, 
div.wpforms-container-full .wpforms-form select.wpforms-field-medium, 
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium,
div.mundial-modal-form .wpforms-form input.wpforms-field-medium, 
div.mundial-modal-form .wpforms-form select.wpforms-field-medium, 
div.mundial-modal-form .wpforms-form .wpforms-field-row.wpforms-field-medium { max-width: 100% !important; }

div.wpforms-container-full .wpforms-form .wpforms-one-half, 
div.wpforms-container-full .wpforms-form .wpforms-three-sixths, 
div.wpforms-container-full .wpforms-form .wpforms-two-fourths { margin-left: 0 !important; width: 100% !important; }

div.wpforms-container-full .wpforms-form label.wpforms-error-personalized { display: block; color: #990000; font-size: 12px; float: none; cursor: default; }

.company-history { background-size: 0; }
.company-history .bg-item { background-color: #FFF; }
.company-history .rounded { border-radius: .75rem !important; }
.company-history .value-item-icon { max-height: 48px; max-width: 48px; width: auto; height: auto; margin: auto; }

.ico-company-mission { max-width: 128px; margin: 0.75rem auto; }

.box-title-featured-image { border-top: 10px solid #e06e1a; border-bottom: 10px solid #e06e1a; }

.sp-easy-accordion .sp-ea-single { background-color: transparent; }
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a { padding: 5px 15px; font-size: 1.05rem;}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header { background-color: transparent; font-size: 1.25rem; }

#sp-ea-274.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body { background-color: rgb(248,249,250);}

/** Tabela de planos **/
.table-plans{}
.table-plans .table-plans-col-left { /*min-width: 260px;*/ width: 40%; }
.table-plans .table-plans-col-item { /*min-width: 150px;*/ width: 20%;}
.table-plans tfooter td { padding: 0.15rem !important; }

/**
 * 4. Footer
 */
#footer { padding-top: 5rem !important; }
.icons-footer a { text-decoration: none; }
.icons-footer img { height: 32px; width: auto; margin: 0 .25rem; }

.widget-footer p.text-white a { color: #FFF !important; }
#footer-sidebar-1 p.text-white a, #footer-sidebar-2 p.text-white a { font-size: .95rem; }
.widget-footer p.text-decoration-none a { text-decoration: none !important; }



/**
 * 5. Media queries
 */

@media (max-width: 576px) {
    .segment-item img { max-width: 48px; }
    .product-home-item h4 { font-size: .85rem;}
    .table-plans{ font-size: .85rem;}
    .table-plans thead th { font-size: .65rem;}
    .table-plans .table-plans-col-left { width: 28%; }
    .table-plans .table-plans-col-item { width: 24%; }
    .table-plans tfooter td { padding: 2px; }
}

@media (min-width: 576px) {
    #page-title .col { min-height: 240px; padding-bottom: 40px; }
    #home-banners::after,
    #page-title::after { height: 40px; }
    .segment-item { font-size: .75rem; }
}

@media (min-width: 768px) {
    /* Dropdown Columns */
    div.dropdown-multicol2 { width: 35em; }
    div.dropdown-multicol2>div.dropdown-col { display:inline-block; vertical-align: top; width: 42%; }

    #page-title .col { min-height: 260px; padding-bottom: 70px; }
    #home-banners::after,
    #page-title::after { height: 70px; }

    .product-page-title, .page h2.product-page-title, .single h2.product-page-title { font-size: 4rem; }

    div.wpforms-container-full .wpforms-form .wpforms-one-half, 
    div.wpforms-container-full .wpforms-form .wpforms-three-sixths, 
    div.wpforms-container-full .wpforms-form .wpforms-two-fourths { width: 48% !important; }
    div.wpforms-container-full .wpforms-form .wpforms-five-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-sixths, 
    div.wpforms-container-full .wpforms-form .wpforms-four-fifths, div.wpforms-container-full .wpforms-form .wpforms-one-fifth, 
    div.wpforms-container-full .wpforms-form .wpforms-one-fourth, div.wpforms-container-full .wpforms-form .wpforms-one-half, 
    div.wpforms-container-full .wpforms-form .wpforms-one-sixth, div.wpforms-container-full .wpforms-form .wpforms-one-third, 
    div.wpforms-container-full .wpforms-form .wpforms-three-fourths, div.wpforms-container-full .wpforms-form .wpforms-three-fifths, 
    div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths, 
    div.wpforms-container-full .wpforms-form .wpforms-two-fifths, div.wpforms-container-full .wpforms-form .wpforms-two-sixths, 
    div.wpforms-container-full .wpforms-form .wpforms-two-thirds { margin-left: 4% !important; }

    div.wpforms-container-full .wpforms-form .wpforms-first { margin-left: 0 !important; }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }

    #page-title .col { min-height: 280px; padding-bottom: 90px; }
    #home-banners::after,
    #page-title::after { height: 90px; }
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }

    .company-history { background-repeat: no-repeat; background-position: right top; background-size: 46% auto; }
}

@media (min-width: 1200px) {
    #page-title .col { min-height: 300px; padding-bottom: 120px; }
    #home-banners::after,
    #page-title::after { height: 120px; }
}

@media (min-width: 1400px) {    
}