/*!
Theme Name: Proyéccion
Theme URI: http://underscores.me/
Author: Megalo
Author URI: https://megalo.design
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: proyeccion
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Proyéccion is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* PRO 
#f39313 amarelo-laranja
#ffd65c amarelo-light
#5b3077 roxo 1
#993fa2 roxo 2

*/

/* tipo */
body {font-family: 'Barlow', sans-serif;}
.navbar-nav, .nav {text-transform: uppercase;font-style: italic;font-weight: 600;font-size: 14px;}
.btn {text-transform: uppercase;font-style: italic;font-weight: 600;
    border-radius: 40px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
}
h1, h2, h3, h4 {text-transform: uppercase;font-style: italic;}
b {font-weight: 700;}

/** helper classes **/
/* cores */
.amarelo {color:#f39313;}
.amareloclaro {color: #ffd65c;}
.roxo {color: #5b3077;}
.rosa {color:#eb5e5a;}
.rosaclaro {color:#e584b6;}
.azul {color:#516cb3;}
.azulclaro {color:#14b1e7;}
.verde {color:#a2cf5c;}

/* btn/bg */
.btn-1 {background-color: #f39313;border-color: #f39313;}
.bg-amarelo {background-color: #f39313;}
.bg-amareloclaro {background-color: #ffd65c;}
.bg-azulclaro {background-color: #14b1e7;}
.bg-rosa {background-color: #eb5e5a;}
.bg-roxo {background-color: #5b3077;}
.bg-verde {background-color: #a2cf5c;}


.btn-primary, .btn-primary:active, .btn-primary:focus {background: #993fa2;border-color: #993fa2;}
.btn-primary:hover {
    color: #fff;
    background-color: #a544ae;
    border-color: #a544ae;
}

.dropdown-item.active, .dropdown-item:active {background-color: #993fa2 !important;}

/* fw */
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
.fw900{font-weight: 900;}



/* header/footer */
header.py-2, footer {background:linear-gradient(90deg, #5b3077, #993fa2);}
footer img {max-width:272px;}
footer h3 {letter-spacing: 1px;font-weight: 600;color:#f39313;font-size: 18px;}
footer {background:url(img/fundo.png) no-repeat top left, linear-gradient(90deg, #5b3077, #993fa2);} 

.dropdown-item {font-size: 13px;font-weight: 500;}

/* home */

/* internas */
.boxe {border-radius:0 30px 30px 30px;background: linear-gradient(180deg, #5b3077, #eb5e5a);}
.numero {border-radius:0 15px 15px 15px;background: #fff;}

#certificacao .card {background:linear-gradient(180deg, #d72837, #f39215 );}


/* responsive */
/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .main-img {
        width: 360px;
        margin: 0 0 -60px 0;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /* .arre {border-radius: 0 10px 10px 0;}
    .negative-margin {margin-bottom: -100px;}     */

    .main-img {
        width: 520px;
        margin: 0 0 -70px 30px;
    }

    .page-id-11 .main-img, .page-id-13 .main-img {margin:0px 0 -110px 70px;}

    #mktpro .d-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap:20px;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .posr {position:relative;left:60px;}
    .main-img {
        width: 540px;
        margin: 0 0 -70px 70px;
    }

}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .main-img {
        width: 100%;
        margin: 0px 0 -110px 10px;
    }
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}

/**/

/* // `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
/*     body {overflow-x: hidden !important;} */
	.head .col-7.col-md-8 {overflow-x: clip !important;}
    .head h1.display-4 {font-size: 22px !important;} 
    .main-img {
        width: 240px;
        margin: 0 0 -60px 0;
    }

    footer {text-align: center;}
    .sobreimg {width:70%;}
    #oquee .fs-3.lh-sm.text-uppercase.fst-italic.fw600 {text-align: center;}
    #aprendizaje h4 {font-size: 16px;}
    #aprendizaje ul li {font-size: 14px;}
}

/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    /* .navbar-brand img {width: 69%;}
    .arre {border-radius: 0 0 10px 10px;}
    .head h1.display-4 {font-size: 32px;} */
    .col-xs-12.col-md-4, #plataforma, #plataforma h3, #libros, #showcase {
        text-align: center;
    }
    .volta1 {position:relative;right:-40px;}
    .volta2 {position:relative;left:-40px;}

}

/* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    
}

/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    /* .dropdown-item.active, .dropdown-item:active, .navbar .dropdown-menu {background-color: transparent;border:none;}    
    .navbar .dropdown-item {color:white;}
    .dropdown-item:focus, .dropdown-item:hover, .navbar .navbar-nav .nav-link:hover {background-color: transparent;} */
}

/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}        


/* dropdown */

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */