/*- Description: This is a stylesheet containing styling for specific theme components id5. Use this file as a reference for Custom CSS or to build a child theme color scheme. Do not edit this file directly - it is not loaded into the theme!! Author: id5 Author URI: http://www.id5.com.br/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /*---------------------------------------*/ /*- CMS id5 - Thumbnail Visible Overlay -*/ /*---------------------------------------*/ .visible-overlay.thumbnail .thumbnail-body {position: absolute; bottom:0; width: 100%; padding: 20px; padding-top: 40px; margin: 0;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%)!important;} .visible-overlay.thumbnail .meta-item, .visible-overlay.thumbnail .meta-item a, .visible-overlay.thumbnail .heading a {color: rgba(255, 255, 255, 0.85);} .visible-overlay.thumbnail .meta-item a:hover, .visible-overlay.thumbnail .heading a:hover {color: rgba(255, 255, 255, 1);} .visible-overlay.thumbnail .heading {line-height: normal; margin-bottom: 5px;} @media only screen and (min-width: 600px){ .visible-overlay-no-mobile.thumbnail .thumbnail-body {position: absolute; bottom:0; width: 100%; padding: 20px; padding-top: 40px; margin: 0;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%)!important;} .visible-overlay-no-mobile.thumbnail .meta-item, .visible-overlay-no-mobile.thumbnail .meta-item a, .visible-overlay-no-mobile.thumbnail .heading a {color: rgba(255, 255, 255, 0.85);} .visible-overlay-no-mobile.thumbnail .meta-item a:hover, .visible-overlay-no-mobile.thumbnail .heading a:hover {color: rgba(255, 255, 255, 1);} .visible-overlay-no-mobile.thumbnail .heading {line-height: normal; margin-bottom: 5px;} } /*---------------------------------------*/ /*- ACF Theme Form ----------------------*/ /*---------------------------------------*/ body.logged-in .header-site .menu {padding-top: 0;} body.logged-in div.updated, body.logged-in div.message, body.logged-in #message {width: 100% !important;padding: 15px;} body.logged-in div.updated p, body.logged-in div.message p, body.logged-in #message p {margin: 0;} #createuser input, #your-profile input {max-width: 100%;} /*---------------------------*/ /*- GERAIS ------------------*/ #loginform, #lostpasswordform, .login.mu_register {max-width: 360px; margin: 0 auto;} #loginform #poststuff .postbox .field, #lostpasswordform #poststuff .postbox .field, .login.mu_register #poststuff .postbox .field {width: 100% !important; min-height: auto;} #lostpasswordform #poststuff, #loginform #poststuff, .login.mu_register #poststuff {min-width: auto;} #message {width: 360px !important;} #profile-menu .profile-name, #profile-menu .profile-image {display:block; float: left;} #profile-menu .profile-name {padding: 0 15px;} #profile-menu .profile-image {width: 50px; height: 50px;} #profile-menu > li img {display: inline-block; height:100%; width:100%} /*---------------------------*/ /*- HEADER SITE -------------*/ .header-secondary li {display:inline-block;} .header-secondary-left .item {margin-right: 15px;} .header-secondary-right .item {margin-left: 15px;} .header-secondary #profile-menu {display: block;} .header-secondary #profile-menu > li {position: relative;margin:0;} .header-secondary #profile-menu > li > a {opacity: 1; padding:0 15px; line-height: 50px;} .header-secondary #profile-menu a {font-size: 1.5rem; font-weight: normal; line-height: 1.5;} .header-secondary #profile-menu .profile-menu-pop-wrapper {visibility: hidden; opacity: 0; position: absolute; top: 25px; transition: all 0.4s ease-in-out; z-index: 3; right: 0;} .header-secondary #profile-menu .profile-menu-pop-wrapper ul:after {border-left-width: 6px; border-left-style:solid;border-right-width: 6px; border-right-style:solid;border-bottom-width: 6px; border-bottom-style:solid;content: "";width: 0;height: 0;position: absolute;top: -6px;right: 15px; border-bottom-color: #F5811E;} .header-secondary #profile-menu .profile-menu-pop-wrapper li {width: 100px; margin: 0 !important; border-bottom-width: 1px; border-bottom-style: solid;} .header-secondary #profile-menu .profile-menu-pop-wrapper li:first-child a {border-radius: 3px 3px 0 0;} .header-secondary #profile-menu .profile-menu-pop-wrapper li:last-child a {border-radius: 0 0 3px 3px;} .header-secondary #profile-menu .profile-menu-pop-wrapper li:last-child {border: 0;} .header-secondary #profile-menu .profile-menu-pop-wrapper li a {padding: 6px 8px; display: block; background: #F5811E; color: #fff;} .header-secondary #profile-menu .profile-menu-pop-wrapper li a:hover {background: #f8a762;} .header-secondary #profile-menu .profile-menu-pop-wrapper li {display: block; float: none;} .header-secondary #profile-menu > li:hover .profile-menu-pop-wrapper {visibility: visible; opacity: 1; top: 56px; transition: all 0.2s ease-in-out;} #profile-menu li.logged a {padding: 0;} /* perfil na navegação lateral na versão mobile */ .nav-mobile .user-profile {width: 100%; padding: 20px; padding-bottom:5px;} .nav-mobile .user-profile .profile-menu-pop > a {min-height: 120px;} .nav-mobile .user-profile:before, .nav-mobile .user-profile:after {content: ""; display: table; clear: both;} .nav-mobile .user-profile a {font-weight: normal; text-align: right;} .nav-mobile #profile-menu {width: 100%;} .nav-mobile .profile-name {font-weight: bold; font-size: 1.7rem;} .nav-mobile .user-profile li {float: none; margin: 0;} .nav-mobile .profile-menu-pop-wrapper a:after {content: "\00ab"; margin-left: 5px; font-size: 1.6rem;} .nav-mobile .profile-menu-pop {margin:0;} .nav-mobile .profile-menu-pop-wrapper {position: relative; top:0;} .nav-mobile .profile-menu-pop-wrapper ul {display: block;padding-left:8px;} .nav-mobile #profile-menu .profile-name {position:absolute; top:100px; right:0; padding: 0; } .nav-mobile #profile-menu .profile-image {float: right; width: 80px; height: 80px; right: 0} .nav-mobile #profile-menu .profile-image img {border-radius: 100%;} /* Navegação lateral mobile */ .nav-mobile {padding: 0;} .nav-mobile .nav {display:block;} .nav-mobile .menu, .nav-mobile .sub-menu {background: rgba(0,0,0,0.15); padding: 0;} .nav-mobile a {font-size: 1.4rem; font-weight: normal;} .nav-mobile .menu a {padding: 10px 20px;} .nav-mobile .sub-menu a:before {content: "\00bb"; margin-right: 5px; font-size: 1.7rem;} section[class*=' off-canvas-'] .hide-submenus .menu .sub-menu {display: none;} /* .nav-mobile.hide-submenus .sub-menu {height: 0; overflow: hidden; transition: all .2s linear;} .nav-mobile.hide-submenus .sub-menu.open {height: auto;} */ .acf_postbox .field input[type="text"], .acf_postbox .field input[type="number"], .acf_postbox .field input[type="password"], .acf_postbox .field input[type="email"], .acf_postbox .field textarea, .acf_postbox .field select, #poststuff select {width: 100%;padding: 5px;resize: none;margin: 0;} .postbox {border: 1px solid rgba(0,0,0, 0.15);box-shadow:none;} .postbox .hndle, .stuffbox .hndle {border-bottom: 1px solid rgba(0,0,0, 0.15);} .wrapper-content .postbox:before, .wrapper-content .postbox:after {content: ""; display: table; clear: both;} .wrapper-content #poststuff > .field {text-align: center;} #poststuff {padding-top: 10px;} #poststuff .label {background-color: transparent; margin-bottom: 0;} #poststuff select {max-width: 600px;} .mu_register p.submit {margin: 0; padding: 0;} /*---------------------------*/ /*- COLUNAS DE 50% ----------*/ .wrapper-content #poststuff .postbox .field {width: 50% !important;position: relative;min-height: 1px;padding-left: 10px;padding-right: 10px;float: left;border: 0; min-height: 100px;} /*.wrapper-content #poststuff .postbox .field:nth-child(2n+3) {clear: left;}*/ /*---------------------------*/ /*- COLUNAS DE 100% ---------*/ .wrapper-content #poststuff .postbox .field_type-repeater, .wrapper-content #poststuff .postbox table .field, .wrapper-content #poststuff .postbox #acf-minicurriculo {width: auto;float: none; clear: both;} /*---------------------------*/ /*- RADIO E CHECKBOX --------*/ .wrapper-content .acf-radio-list, .wrapper-content .acf-checkbox-list {margin-left:0; margin-bottom: 0; list-style: none;} .wrapper-content .acf-radio-list li, .wrapper-content .acf-checkbox-list li {list-style: none; display: inline-block; margin-right: 10px;} .wrapper-content input[type=radio]:checked:before {display: none;} /*---------------------------*/ /*- ERROR -------------------*/ .wrapper-content #poststuff .error input, .wrapper-content #poststuff .error select, .wrapper-content #poststuff .error textarea, .wrapper-content #theme-my-login input.error {border: 1px solid #eb1600;} .wrapper-content label.choice {float: none; display: inline-block;} .wrapper-content #poststuff .field.error {border: 0 !important;box-shadow: none;background: none !important;margin: 0 !important;} .wrapper-content .mu_register p.error {color:#eb1600;} .wrapper-content #theme-my-login p {margin-bottom: 0;} .story table.tml-form-table, .story table.tml-form-table th, .story table.tml-form-table td {border: 0;} .story table.tml-form-table th, .story table.tml-form-table td {border: 1px solid rgba(0,0,0, 0.15);} .story table.tml-form-table th {border-bottom: 0;} .story table.tml-form-table label {font-size: 14px;padding: 8px 12px;margin: 0;line-height: 1.4;} .story table.tml-form-table th {padding:0;} .wrapper-content #theme-my-login p {text-align: center;} /*---------------------------*/ /*- MODAL -------------------*/ .modal-box {display: none; position: fixed; z-index: 1000; width: 95%; max-height: 90%; overflow-x: auto; background: white; border-bottom: 1px solid #aaa; border-radius: 4px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.1); background-clip: padding-box;} .modal-box header, .modal-box .modal-header {padding: 1.25em 1.5em; border-bottom: 1px solid #ddd;} .modal-box .modal-body {padding: 2em 1.5em;} .modal-overlay {opacity: 0;position: fixed;top: 0;left: 0;z-index: 900;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4) !important;text-align: center;} .modal-overlay i {position: absolute; top: 50%; color: #fff; font-size: 3.5rem;} .modal-box .close {line-height: 1;font-size: 1.5em;position: absolute;top: 5%;right: 2%;text-decoration: none;color: #bbb;cursor: pointer;} .modal-box .close:hover {color: #222;-webkit-transition: color 1s ease;-moz-transition: color 1s ease;transition: color 1s ease;} /*---------------------------*/ /*- FLOATING AREA ----------*/ .floating-lateral-widget {position: fixed; top: 10%; right: 0; z-index: 99; width: 300px; max-width: 100%; height: 500px; max-height: 80%; overflow: hidden;} .floating-lateral-wrap {position: relative;} .floating-lateral-widget .floating-title {height: 40px; padding: 10px; background: #F5811E; position: relative;} .floating-lateral-widget .floating-content {background: #fff; height: 500px;} /*---------------------------*/ /*- NEWSLETTER --------------*/ .widget-newsletter p {position: relative;} .widget-newsletter .excerpt {padding-top:10px;} .widget-newsletter .button {margin-top: 0 !important; padding: 6px 25px; width:100%; min-width: 0; max-width: 100%;} .widget-newsletter .fa-refresh {display: none;} .widget-newsletter .formError, .widget-newsletter .formError .formErrorContent {top:0!important; left:0!important; width:100%!important;border:0!important; height:36px!important; text-align:left!important;} .widget-newsletter .updated, .widget-newsletter .error, .widget-newsletter .xdetailed-errors {background:none;border:0;border-radius:0;font-weight:normal;margin:0;padding:10px 0;} .widget-newsletter .updated, .widget-newsletter .login .message {background:none;border:0;font-size:1.5rem;line-height:1.5;color: #3dc647;} .widget-newsletter input[type=text] {margin-bottom: 10px;} .widget-newsletter .excerpt, .widget-newsletter .button, .widget-newsletter input[type=text], .widget-newsletter .formError .formErrorContent {max-width:100%;} .widget-newsletter p[class^="input-"] {width: 31%; margin-left: 1%; margin-right: 1%; float: left;} .widget-newsletter p[class^="input-"]:first-child {padding-left:0;} .widget-newsletter p[class^="input-"]:last-of-type {padding-right:0;} .row .span-5 .widget-newsletter p[class^="input-"], .row .span-6 .widget-newsletter p[class^="input-"] {width: 48%; margin-left: 1%; margin-right: 1%; float: left;} .row .span-5 .widget-newsletter p.input-submit, .row .span-6 .widget-newsletter p.input-submit {width:98%;} .row .span-1 .widget-newsletter p[class^="input-"], .row .span-2 .widget-newsletter p[class^="input-"], .row .span-3 .widget-newsletter p[class^="input-"], .row .span-4 .widget-newsletter p[class^="input-"] {width: 100%; padding-left: 0; padding-right: 0; float: none;} /*- SOCIAL NETWORK ---------*/ .widget-social-network li {margin: 0 3px; display: inline-block;} .widget-social-network li a {display:inline-block;line-height: 0;padding:7px 0; text-align:center;width: 30px;height: 29px;} .widget-social-network li span {display: none;} .widget-social-network.circle li a {padding:5px 0;} .widget-social-network.rounded a {background-color: rgba(0,0,0,0.40); color: rgba(255,255,255,0.75); border-radius: 100%;} .header-secondary.invert .widget-social-network.rounded a {background-color: rgba(255,255,255, 0.50); color: rgba(0,0,0, 0.85);} .widget-social-network.circle a {border:solid 2px #ffffff; border-color: rgba(255,255,255,0.40); color: rgba(255,255,255,0.75); border-radius: 100%;} .header-secondary.invert .widget-social-network.circle a {border-color: rgba(255,255,255, 0.50); color: rgba(255,255,255,0.75);} .widget-social-network.square a {background-color: rgba(0,0,0,0.40); color: rgba(255,255,255,0.75);} .header-secondary.invert .widget-social-network.square a {background-color: rgba(255,255,255, 0.50); color: rgba(0,0,0, 0.85);} /*- swiper-slide ---------*/ .auto-height .swiper-slide .overlay {padding-top: 4%;padding-bottom: 4%;} .swiper-container.auto-height {height:auto !important;} .swiper-container .container {padding-left:15px;padding-right:15px;} @media only screen and (max-width: 1024px){ .content-vertical-massive, .auto-height .swiper-slide .overlay {padding-top: 6%;padding-bottom: 4%;} } @media only screen and (max-width: 600px){ .wrapper-content #poststuff .postbox .field {width: 100% !important;} } @media only screen and (max-width: 480px){ .widget.row div[class*="span-"] .widget-newsletter p[class^="input-"] {width: 100%; padding-left: 0; padding-right: 0; float: none;} }