/* File Name: custon.css Version: 1.0 Author: Saulo Dev Author URI: */ /* ###################################################################################################### 1 - (#HLP) HELPERS - CLASSES PARA AJUDAR NO DESENVOVIMENTO ###################################################################################################### */ /*===================================================================================*/ /* (#VRV) VÁRIAVEIS /*===================================================================================*/ :root { --theme-color-one: #042D3D; --theme-color-two: #59AFDF; --theme-color-three: #037F8C; --theme-color-one-variation: #EE315B; --theme-color-two-variation: #011B42; --theme-color-one-rgb: 76, 15, 14; --theme-color-two-rgb: 219, 201, 101; --theme-header-color: 255, 255, 255; --theme-header-social-icons-color: #332D2E; --theme-header-opacity: 1; --theme-header-height: 80px; --theme-menu-font-color: #011B42; --theme-menu-font-active-color: #FE2050; --theme-menu-icon-color: #0F292E; --theme-menu-font-color-hover: #333; --theme-color-font-one: #484848; --theme-color-font-two: #AB8054; } /*===================================================================================*/ /* (BAG) BACKGROUND /*===================================================================================*/ /*------------------------------------------------------*/ /* Background /*------------------------------------------------------*/ .bg-none{ background-color: transparent !important; } .bg-white{ background-color: #fff; } .bg-theme-one{ background-color: var(--theme-color-one) !important; } .bg-theme-two{ background-color: var(--theme-color-two) !important; } .bg-theme-three{ background-color: var(--theme-color-three) !important; } .bg-theme-four{ background-color: var(--theme-color-four) !important; } /*------------------------------------------------------*/ /* Background Rgba /*------------------------------------------------------*/ .bg-theme-rgba{ background-color: rgba(24, 99, 132, 0.75) !important; } /*------------------------------------------------------*/ /* Background Size /*------------------------------------------------------*/ .bgs-cover{ background-size: cover; } .bgs-auto{ background-size: auto; } .bgs-contain{ background-size: contain; } .bgs-inherit{ background-size: inherit; } .bgs-initial{ background-size: initial; } /*------------------------------------------------------*/ /* Background Attachment /*------------------------------------------------------*/ .bga-fixed{ background-attachment: fixed; } .bga-inherit{ background-attachment: inherit; } .bga-initial{ background-attachment: initial; } .bga-local{ background-attachment: local; } .bga-scroll{ background-attachment: scroll; } /*------------------------------------------------------*/ /* Background Position /*------------------------------------------------------*/ .bgp-bottom{ background-position: bottom; } .bgp-center{ background-position: center; } .bgp-inherit{ background-position: inherit; } .bgp-initial{ background-position: initial; } .bgp-left{ background-position: left; } .bgp-right{ background-position: right; } .bgp-top{ background-position: top; } /*===================================================================================*/ /* FONTES E TEXTOS /*===================================================================================*/ /*------------------------------------------------------*/ /* (#FWT) Font Weight /*------------------------------------------------------*/ .fw-100{ font-weight: 100 !important; } .fw-200{ font-weight: 200 !important; } .fw-300{ font-weight: 300 !important; } .fw-400{ font-weight: 400 !important; } .fw-500{ font-weight: 500 !important; } .fw-600{ font-weight: 600 !important; } .fw-700{ font-weight: 700 !important; } .fw-800{ font-weight: 800 !important; } .fw-900{ font-weight: 900 !important; } /*------------------------------------------------------*/ /* (#FSZ) Font Size PX /*------------------------------------------------------*/ .fs-8{ font-size: 8px !important; } .fs-9{ font-size: 9px !important; } .fs-10{ font-size: 10px !important; } .fs-11{ font-size: 11px !important; } .fs-12{ font-size: 12px !important; } .fs-13{ font-size: 13px !important; } .fs-14{ font-size: 14px !important; } .fs-15{ font-size: 15px !important; } .fs-16{ font-size: 16px !important; } .fs-17{ font-size: 17px !important; } .fs-18{ font-size: 18px !important; } .fs-19{ font-size: 19px !important; } .fs-20{ font-size: 20px !important; } .fs-22{ font-size: 22px !important; } .fs-24{ font-size: 24px !important; } .fs-26{ font-size: 26px !important; } .fs-28{ font-size: 28px !important; } .fs-30{ font-size: 30px !important; } .fs-32{ font-size: 32px !important; } .fs-34{ font-size: 34px !important; } .fs-36{ font-size: 36px !important; } .fs-38{ font-size: 38px !important; } .fs-40{ font-size: 40px !important; } /*------------------------------------------------------*/ /* 1.3.3 - (#FCL) Font Color /*------------------------------------------------------*/ .fc-white{ color: #fff !important; } .fc-black{ color: #000 !important;} .fc-general-one{ color: var(--theme-color-font-one) !important; } .fc-general-two{ color: var(--theme-color-font-two) !important; } .fc-theme-one{ color: var(--theme-color-one) !important; } .fc-theme-two{ color: var(--theme-color-two) !important; } .fc-theme-three{ color: var(--theme-color-three) !important; } .fc-theme-four{ color: var(--theme-color-four) !important; } .fc-theme-five{ color: var(--theme-color-five) !important; } /*------------------------------------------------------*/ /* (#FCL) Font Style /*------------------------------------------------------*/ .fs-normal{ font-style: normal; } .fs-italic{ font-style: italic; } /*------------------------------------------------------*/ /* (#TTR) Text Transform /*------------------------------------------------------*/ .tt-none{ text-transform: none !important; } .tt-uppercase{ text-transform: uppercase !important; } .tt-lowercase{ text-transform: lowercase !important; } .tt-capitalize{ text-transform: capitalize !important; } /*------------------------------------------------------*/ /* (#TTD) Text Decoration /*------------------------------------------------------*/ .td-none{ text-decoration: none; } .td-overline{ text-decoration: overline; } .td-line-through{ text-decoration: line-through; } .td-underline{ text-decoration: underline !important; } /*===================================================================================*/ /* 1.4 - (#ALN) ALIGN /*===================================================================================*/ /*------------------------------------------------------*/ /* 1.4.1 - (#TAG) Text Align /*------------------------------------------------------*/ .ta-left{ text-align: left;} .ta-right{ text-align: right;} .ta-center{ text-align: center !important; } .ta-justify{ text-align: justify !important; } /*------------------------------------------------------*/ /* 1.4.2 - (#TAL) Text Align Last /*------------------------------------------------------*/ .tal-center{ text-align-last: center; } .tal-right{ text-align-last: right; } .tal-left{ text-align-last: left; } /*------------------------------------------------------*/ /* 1.4.3 - (#JUC) Justify Content /*------------------------------------------------------*/ .jc-center{ justify-content: center; } /*------------------------------------------------------*/ /* 1.4.4 - (#ALI) Align Items /*------------------------------------------------------*/ .ai-center{ align-items: center !important; } /*------------------------------------------------------*/ /* 1.4.5 - (#LHG) Line Height /*------------------------------------------------------*/ .ln-inherit{ line-height: inherit !important; } .ln-20{ line-height: 20px !important; } .ln-25{ line-height: 25px !important; } .ln-30{ line-height: 30px !important; } .ln-35{ line-height: 35px !important; } .ln-40{ line-height: 40px !important; } .ln-45{ line-height: 45px !important; } .ln-50{ line-height: 50px !important; } /*------------------------------------------------------*/ /* 1.4.6 - (#LHG) Letter Spacing /*------------------------------------------------------*/ .ls-1{ letter-spacing: 1px; } .ls-2{ letter-spacing: 2px; } .ls-3{ letter-spacing: 3px; } .ls-4{ letter-spacing: 4px; } .ls-5{ letter-spacing: 5px !important; } .ls-6{ letter-spacing: 6px; } .ls-7{ letter-spacing: 7px; } .ls-8{ letter-spacing: 8px; } .ls-9{ letter-spacing: 9px; } .ls-10{ letter-spacing: 10px; } .ls-11{ letter-spacing: 11px; } .ls-12{ letter-spacing: 12px; } .ls-13{ letter-spacing: 13px; } .ls-14{ letter-spacing: 14px; } .ls-15{ letter-spacing: 15px; } .ls-normal{ letter-spacing: normal !important; } /*===================================================================================*/ /* (#PAL) POSITION AND ALIGN /*===================================================================================*/ /*------------------------------------------------------*/ /* 1.5.1 - (#PST) Position /*------------------------------------------------------*/ .position-absolute{ position: absolute !important; } .position-relative{ position: relative !important; } .position-fixed{ position: fixed !important; } .position-static{ position: static !important; } .position-inherit{ position: inherit !important; } /*------------------------------------------------------*/ /* 1.5.2 - (#FLT) Float /*------------------------------------------------------*/ .fl-left{ float: left !important; } .fl-right{ float: right !important; } .fl-none{ float: none !important; } /*------------------------------------------------------*/ /* 1.5.3 - (#DSP) Display /*------------------------------------------------------*/ .ds-block{ display: block !important; } .ds-inblock{ display: inline-block !important; } .ds-inline{ display: inline; } .ds-inflex{ display: inline-flex; } .ds-none{ display: none; } /*------------------------------------------------------*/ /* 1.5.4 - (#VAG) Vertical Align /*------------------------------------------------------*/ .va-middle{vertical-align: middle; } .va-baseline{vertical-align: baseline; } .va-text-top{vertical-align: text-top; } .va-text-bottom{vertical-align: text-bottom; } .va-unset{ vertical-align: unset !important; } .va-top{ vertical-align: top !important; } /*------------------------------------------------------*/ /* 1.5.5 - (#WSP) White Space /*------------------------------------------------------*/ .ws-nowrap{ white-space: nowrap; } .ws-normal{ white-space: normal; } .ws-pre{ white-space: pre; } /*===================================================================================*/ /* (#MEV) MOUSE AND EVENTS /*===================================================================================*/ /*------------------------------------------------------*/ /* 1.6.1 - (#HCL) Hover Color /*------------------------------------------------------*/ .hover-color-white:hover{ color: #fff !important; } .hover-color-black:hover{ color: #000 !important; } .hover-color-general:hover{ color: #333537 !important; } .hover-color-theme-one:hover{ color: var(--theme-color-one) !important; } .hover-color-theme-two:hover{ color: var(--theme-color-two) !important; } .hover-color-theme-three:hover{ color: var(--theme-color-three) !important; } .hover-border-theme-one:hover{ border-color: var(--theme-color-one) !important; } .hover-border-theme-two:hover{ border-color: var(--theme-color-two) !important; } .hover-background-theme-one:hover{ background-color: var(--theme-color-one) !important; } .hover-background-theme-two:hover{ background-color: var(--theme-color-two) !important; } .hover-background-theme-three:hover{ background-color: var(--theme-color-three) !important; } .hover-background-white:hover{ background-color: #fff !important; } /*------------------------------------------------------*/ /* 1.6.2 - (#HST) Hover Styles /*------------------------------------------------------*/ .hover-decoration-underline:hover{ text-decoration: underline; } /*------------------------------------------------------*/ /* 1.6.3 - (#PEV) Pointer Events /*------------------------------------------------------*/ .pe-none{ pointer-events: none; } .pe-auto{ pointer-events: auto; } /*------------------------------------------------------*/ /* 1.6.4 - (#CPT) Cursor Pointer /*------------------------------------------------------*/ .cursor-pointer{ cursor: pointer; } .cursor-alias{ cursor: alias; } .cursor-cell{ cursor: cell; } .cursor-context-menu{ cursor: context-menu; } .cursor-copy{ cursor: copy; } .cursor-crosshair{ cursor: crosshair; } .cursor-grab{ cursor: -webkit-grab; cursor: grab; } .cursor-grabbing{ cursor: -webkit-grabbing; cursor: grabbing; } .cursor-help{ cursor: help; } .cursor-move{ cursor: move; } .cursor-no-drop{ cursor: no-drop; } .cursor-none{ cursor: none; } .cursor-progress{ cursor: progress; } .cursor-text{ cursor: text; } /*===================================================================================*/ /* (#OTH) OTHERS /*===================================================================================*/ /*------------------------------------------------------*/ /* 1.8.1 - (#BTT) Botões /*------------------------------------------------------*/ .btn-theme-one{ background-color: var(--theme-color-one) !important; border-color: var(--theme-color-one) !important; color: #fff !important; } button.btn-theme-two{ background-color: var(--theme-color-two) !important; border-color: var(--theme-color-two) !important; color: #fff !important; } .btn-theme-one:hover, .btn-theme-one:focus, .btn.btn-theme-one:active{ background-color: var(--theme-color-two) !important; border-color: var(--theme-color-two) !important; } /*------------------------------------------------------*/ /* 1.8.2 - (#BDR) Border Radius /*------------------------------------------------------*/ .rounded{ border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; } .radius{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .round{ -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .b-thin{border-width: 3px !important; } .b-normal{border-width: 5px !important; } .b-thick{border-width: 7px !important; } .radius-0{ border-radius: 0; } /*------------------------------------------------------*/ /* 1.8.3 - (#SHD) Shadow /*------------------------------------------------------*/ .text-shadow-light{ text-shadow: 1px 1px 0 #ccc; } .text-shadow-black{ text-shadow: 2px 2px 1px #000; } .text-shadow-theme-one{ text-shadow: 2px 2px 1px var(--theme-color-one); } .box-shadow{-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); } /*------------------------------------------------------*/ /* 1.8.4 - (#OPC) Opacity /*------------------------------------------------------*/ .opa-0{ opacity: 0; } .opa-0-10{ opacity: 0.10; } .opa-0-15{ opacity: 0.15; } .opa-0-20{ opacity: 0.20; } .opa-0-25{ opacity: 0.25; } .opa-0-30{ opacity: 0.30; } .opa-0-35{ opacity: 0.35; } .opa-0-40{ opacity: 0.40; } .opa-0-45{ opacity: 0.45; } .opa-0-50{ opacity: 0.50; } .opa-0-55{ opacity: 0.55; } .opa-0-60{ opacity: 0.60; } .opa-0-65{ opacity: 0.65; } .opa-0-70{ opacity: 0.70; } .opa-0-75{ opacity: 0.75; } .opa-0-80{ opacity: 0.80; } .opa-0-85{ opacity: 0.85; } .opa-0-90{ opacity: 0.90; } .opa-0-95{ opacity: 0.95; } .opa-1{ opacity: 1; } /*------------------------------------------------------*/ /* 1.8.5 - (#VAR) Various /*------------------------------------------------------*/ .last{ margin-right: 0 !important; } .clear{ clear: both; } .no-resize{ resize:none !important; } /*===================================================================================*/ /* (#BOD) BORDAS /*===================================================================================*/ /*------------------------------------------------------*/ /* 1.9.1 - (#BCO) Border Color /*------------------------------------------------------*/ .border-theme-one{ border-color: var(--theme-color-one) !important; } .border-theme-two{ border-color: var(--theme-color-two) !important; } .border-theme-three{ border-color: var(--theme-color-three) !important; } .border-theme-four{ border-color: var(--theme-color-four) !important; } .border-white{ border-color: #fff !important; } /*------------------------------------------------------*/ /* 1.9.2 - (#BST) Border Style /*------------------------------------------------------*/ .bs-none{ border-style: none; } .bs-dotted{ border-style: dotted; } .bs-dashed{ border-style: dashed; } .bs-solid{ border-style: solid !important; } .bs-double{ border-style: double; } .bs-groove{ border-style: groove; } .bs-groove{ border-style: ridge; } .bs-inset{ border-style: inset; } .bs-outset{ border-style: outset; } /*------------------------------------------------------*/ /* 1.9.3 - (#BSZ) Border Size /*------------------------------------------------------*/ .b-0{ border: 0 !important; } .b-1{ border: 1px; } .b-2{ border: 2px; } .b-3{ border: 3px; } .b-4{ border: 4px; } .b-5{ border: 5px; } .b-6{ border: 6px; } .b-7{ border: 7px; } .b-8{ border: 8px; } .b-9{ border: 9px; } .b-10{ border: 10px; } /*------------------------------------------------------*/ /* 1.9.4 - (#BTP) Border Top /*------------------------------------------------------*/ .bt-0{ border-top: 0; } .bt-1{ border-top: 1px; } .bt-2{ border-top: 2px; } .bt-3{ border-top: 3px; } .bt-4{ border-top: 4px; } .bt-5{ border-top: 5px; } .bt-6{ border-top: 6px; } .bt-7{ border-top: 7px; } .bt-8{ border-top: 8px; } .bt-9{ border-top: 9px; } .bt-10{ border-top: 10px; } /*------------------------------------------------------*/ /* 1.9.5 - (#BBT) Border Bottom /*------------------------------------------------------*/ .bb-0{ border-bottom: 0; } .bb-1{ border-bottom: 1px; } .bb-2{ border-bottom: 2px; } .bb-3{ border-bottom: 3px; } .bb-4{ border-bottom: 4px; } .bb-5{ border-bottom: 5px; } .bb-6{ border-bottom: 6px; } .bb-7{ border-bottom: 7px; } .bb-8{ border-bottom: 8px; } .bb-9{ border-bottom: 9px; } .bb-10{ border-bottom: 10px; } /*------------------------------------------------------*/ /* 1.9.6 - (#BBL) Border Left /*------------------------------------------------------*/ .bl-0{ border-left: 0; } .bl-1{ border-left: 1px; } .bl-2{ border-left: 2px; } .bl-3{ border-left: 3px; } .bl-4{ border-left: 4px; } .bl-5{ border-left: 5px; } .bl-6{ border-left: 6px; } .bl-7{ border-left: 7px; } .bl-8{ border-left: 8px; } .bl-9{ border-left: 9px; } .bl-10{ border-left: 10px; } /*------------------------------------------------------*/ /* 1.9.7 - (#BBR) Border Right /*------------------------------------------------------*/ .br-0{ border-right: 0; } .br-1{ border-right: 1px; } .br-2{ border-right: 2px; } .br-3{ border-right: 3px; } .br-4{ border-right: 4px; } .br-5{ border-right: 5px; } .br-6{ border-right: 6px; } .br-7{ border-right: 7px; } .br-8{ border-right: 8px; } .br-9{ border-right: 9px; } .br-10{ border-right: 10px; } /*===================================================================================*/ /* ((#SPM) SPACEMENTS /*===================================================================================*/ /*------------------------------------------------------*/ /* 1.10.1 - (#MGN) Margin /*------------------------------------------------------*/ .m-auto{ margin: 0 auto !important; } .m-0{ margin: 0 !important; } .m-5{ margin: 5px !important; } .m-10{ margin: 10px !important; } .m-15{ margin: 15px !important; } .m-20{ margin: 20px !important; } .m-25{ margin: 25px !important; } .m-30{ margin: 30px !important; } .m-35{ margin: 35px !important; } .m-40{ margin: 40px !important; } .m-45{ margin: 45px !important; } .m-50{ margin: 50px !important; } .m-55{ margin: 55px !important; } .m-60{ margin: 60px !important; } .m-65{ margin: 65px !important; } .m-70{ margin: 70px !important; } .m-75{ margin: 75px !important; } .m-80{ margin: 80px !important; } .m-85{ margin: 85px !important; } .m-90{ margin: 90px !important; } .m-95{ margin: 95px !important; } .m-100{ margin: 100px !important; } .m-105{ margin: 105px !important; } .m-110{ margin: 110px !important; } .m-115{ margin: 115px !important; } .m-120{ margin: 120px !important; } .m-125{ margin: 125px !important; } .m-130{ margin: 130px !important; } .m-135{ margin: 135px !important; } .m-140{ margin: 140px !important; } .m-145{ margin: 145px !important; } .m-150{ margin: 150px !important; } .m-155{ margin: 155px !important; } .m-160{ margin: 160px !important; } .m-165{ margin: 165px !important; } .m-170{ margin: 170px !important; } .m-175{ margin: 175px !important; } .m-180{ margin: 180px !important; } .m-185{ margin: 185px !important; } .m-190{ margin: 190px !important; } .m-195{ margin: 195px !important; } .m-200{ margin: 200px !important; } /* 1.10.2 - (#MGT) Margin Top */ .mt-0{ margin-top: 0 !important; } .mt-3{ margin-top: 3px !important; } .mt-5{ margin-top: 5px !important; } .mt-7{ margin-top: 7px !important; } .mt-10{ margin-top: 10px !important; } .mt-15{ margin-top: 15px !important; } .mt-20{ margin-top: 20px !important; } .mt-25{ margin-top: 25px !important; } .mt-30{ margin-top: 30px !important; } .mt-35{ margin-top: 35px !important; } .mt-40{ margin-top: 40px !important; } .mt-40{ margin-top: 45px !important; } .mt-50{ margin-top: 50px !important; } .mt-55{ margin-top: 55px !important; } .mt-60{ margin-top: 60px !important; } .mt-65{ margin-top: 65px !important; } .mt-70{ margin-top: 70px !important; } .mt-75{ margin-top: 75px !important; } .mt-80{ margin-top: 80px !important; } .mt-85{ margin-top: 85px !important; } .mt-90{ margin-top: 90px !important; } .mt-95{ margin-top: 95px !important; } .mt-100{ margin-top: 100px !important; } .mt-105{ margin-top: 105px !important; } .mt-110{ margin-top: 110px !important; } .mt-115{ margin-top: 115px !important; } .mt-120{ margin-top: 120px !important; } .mt-125{ margin-top: 125px !important; } .mt-130{ margin-top: 130px !important; } .mt-135{ margin-top: 135px !important; } .mt-140{ margin-top: 140px !important; } .mt-145{ margin-top: 145px !important; } .mt-150{ margin-top: 150px !important; } .mt-155{ margin-top: 155px !important; } .mt-160{ margin-top: 160px !important; } .mt-165{ margin-top: 165px !important; } .mt-170{ margin-top: 170px !important; } .mt-175{ margin-top: 175px !important; } .mt-180{ margin-top: 180px !important; } .mt-185{ margin-top: 185px !important; } .mt-190{ margin-top: 190px !important; } .mt-195{ margin-top: 195px !important; } .mt-200{ margin-top: 200px !important; } /*------------------------------------------------------*/ /* 1.10.3 - (#MGB) Margin Bottom /*------------------------------------------------------*/ .mb-0{ margin-bottom: 0 !important; } .mb-5{ margin-bottom: 5px !important; } .mb-10{ margin-bottom: 10px !important; } .mb-15{ margin-bottom: 15px !important; } .mb-20{ margin-bottom: 20px !important; } .mb-25{ margin-bottom: 25px !important; } .mb-30{ margin-bottom: 30px !important; } .mb-35{ margin-bottom: 35px !important; } .mb-40{ margin-bottom: 40px !important; } .mb-45{ margin-bottom: 45px !important; } .mb-50{ margin-bottom: 50px !important; } .mb-55{ margin-bottom: 55px !important; } .mb-60{ margin-bottom: 60px !important; } .mb-65{ margin-bottom: 65px !important; } .mb-70{ margin-bottom: 70px !important; } .mb-75{ margin-bottom: 75px !important; } .mb-80{ margin-bottom: 80px !important; } .mb-85{ margin-bottom: 85px !important; } .mb-90{ margin-bottom: 90px !important; } .mb-95{ margin-bottom: 95px !important; } .mb-100{ margin-bottom: 100px !important; } .mb-105{ margin-bottom: 105px !important; } .mb-110{ margin-bottom: 110px !important; } .mb-115{ margin-bottom: 115px !important; } .mb-120{ margin-bottom: 120px !important; } .mb-125{ margin-bottom: 125px !important; } .mb-130{ margin-bottom: 130px !important; } .mb-135{ margin-bottom: 135px !important; } .mb-140{ margin-bottom: 140px !important; } .mb-145{ margin-bottom: 145px !important; } .mb-150{ margin-bottom: 150px !important; } .mb-155{ margin-bottom: 155px !important; } .mb-160{ margin-bottom: 160px !important; } .mb-165{ margin-bottom: 165px !important; } .mb-170{ margin-bottom: 170px !important; } .mb-175{ margin-bottom: 175px !important; } .mb-180{ margin-bottom: 180px !important; } .mb-185{ margin-bottom: 185px !important; } .mb-190{ margin-bottom: 190px !important; } .mb-195{ margin-bottom: 195px !important; } .mb-200{ margin-bottom: 200px !important; } /*------------------------------------------------------*/ /* 1.10.4 - (#MGL) Margin Left /*------------------------------------------------------*/ .ml-0{ margin-left: 0 !important; } .ml-5{ margin-left: 5px !important; } .ml-10{ margin-left: 10px !important; } .ml-15{ margin-left: 15px !important; } .ml-20{ margin-left: 20px !important; } .ml-25{ margin-left: 25px !important; } .ml-30{ margin-left: 30px !important; } .ml-35{ margin-left: 35px !important; } .ml-40{ margin-left: 40px !important; } .ml-45{ margin-left: 45px !important; } .ml-50{ margin-left: 50px !important; } .ml-55{ margin-left: 55px !important; } .ml-60{ margin-left: 60px !important; } .ml-65{ margin-left: 65px !important; } .ml-70{ margin-left: 70px !important; } .ml-75{ margin-left: 75px !important; } .ml-80{ margin-left: 80px !important; } .ml-85{ margin-left: 85px !important; } .ml-90{ margin-left: 90px !important; } .ml-95{ margin-left: 95px !important; } .ml-100{ margin-left: 100px !important; } .ml-105{ margin-left: 105px !important; } .ml-110{ margin-left: 110px !important; } .ml-115{ margin-left: 115px !important; } .ml-120{ margin-left: 120px !important; } .ml-125{ margin-left: 125px !important; } .ml-130{ margin-left: 130px !important; } .ml-135{ margin-left: 135px !important; } .ml-140{ margin-left: 140px !important; } .ml-145{ margin-left: 145px !important; } .ml-150{ margin-left: 150px !important; } .ml-155{ margin-left: 155px !important; } .ml-160{ margin-left: 160px !important; } .ml-165{ margin-left: 165px !important; } .ml-170{ margin-left: 170px !important; } .ml-175{ margin-left: 175px !important; } .ml-180{ margin-left: 180px !important; } .ml-185{ margin-left: 185px !important; } .ml-190{ margin-left: 190px !important; } .ml-195{ margin-left: 195px !important; } .ml-200{ margin-left: 200px !important; } /*------------------------------------------------------*/ /* 1.10.5 - (#MGR) Margin Right /*------------------------------------------------------*/ .mr-0{ margin-right: 0 !important; } .mr-5{ margin-right: 5px !important; } .mr-7{ margin-right: 7px !important; } .mr-10{ margin-right: 10px !important; } .mr-15{ margin-right: 15px !important; } .mr-20{ margin-right: 20px !important; } .mr-25{ margin-right: 25px !important; } .mr-30{ margin-right: 30px !important; } .mr-35{ margin-right: 35px !important; } .mr-40{ margin-right: 40px !important; } .mr-45{ margin-right: 45px !important; } .mr-50{ margin-right: 50px !important; } .mr-55{ margin-right: 55px !important; } .mr-60{ margin-right: 60px !important; } .mr-65{ margin-right: 65px !important; } .mr-70{ margin-right: 70px !important; } .mr-75{ margin-right: 75px !important; } .mr-80{ margin-right: 80px !important; } .mr-85{ margin-right: 85px !important; } .mr-90{ margin-right: 90px !important; } .mr-95{ margin-right: 95px !important; } .mr-100{ margin-right: 100px !important; } .mr-105{ margin-right: 105px !important; } .mr-110{ margin-right: 110px !important; } .mr-115{ margin-right: 115px !important; } .mr-120{ margin-right: 120px !important; } .mr-125{ margin-right: 125px !important; } .mr-130{ margin-right: 130px !important; } .mr-135{ margin-right: 135px !important; } .mr-140{ margin-right: 140px !important; } .mr-145{ margin-right: 145px !important; } .mr-150{ margin-right: 150px !important; } .mr-155{ margin-right: 155px !important; } .mr-160{ margin-right: 160px !important; } .mr-165{ margin-right: 165px !important; } .mr-170{ margin-right: 170px !important; } .mr-175{ margin-right: 175px !important; } .mr-180{ margin-right: 180px !important; } .mr-185{ margin-right: 185px !important; } .mr-190{ margin-right: 190px !important; } .mr-195{ margin-right: 195px !important; } .mr-200{ margin-right: 200px !important; } /*------------------------------------------------------*/ /* 1.10.6 - (#PDD) Padding /*------------------------------------------------------*/ .p-0{ padding: 0 !important; } .p-5{ padding: 5px !important; } .p-7{ padding: 7px !important; } .p-10{ padding: 10px !important; } .p-15{ padding: 15px !important; } .p-20{ padding: 20px !important; } .p-25{ padding: 25px !important; } .p-30{ padding: 30px !important; } .p-35{ padding: 35px !important; } .p-40{ padding: 40px !important; } .p-45{ margin: 45px !important; } .p-50{ margin: 50px !important; } .p-55{ margin: 55px !important; } .p-60{ margin: 60px !important; } .p-65{ margin: 65px !important; } .p-70{ margin: 70px !important; } .p-75{ margin: 75px !important; } .p-80{ margin: 80px !important; } .p-85{ margin: 85px !important; } .p-90{ margin: 90px !important; } .p-95{ margin: 95px !important; } .p-100{ padding: 100px !important; } .p-105{ padding: 105px !important; } .p-110{ padding: 110px !important; } .p-115{ padding: 115px !important; } .p-120{ padding: 120px !important; } .p-125{ padding: 125px !important; } .p-130{ padding: 130px !important; } .p-135{ padding: 135px !important; } .p-140{ padding: 140px !important; } .p-145{ padding: 145px !important; } .p-150{ padding: 150px !important; } .p-155{ padding: 155px !important; } .p-160{ padding: 160px !important; } .p-165{ padding: 165px !important; } .p-170{ padding: 170px !important; } .p-175{ padding: 175px !important; } .p-180{ padding: 180px !important; } .p-185{ padding: 185px !important; } .p-190{ padding: 190px !important; } .p-195{ padding: 195px !important; } .p-200{ padding: 200px !important; } /*------------------------------------------------------*/ /* 1.10.7 - (#PDT) Padding Top /*------------------------------------------------------*/ .pt-0{ padding-top: 0 !important; } .pt-5{ padding-top: 5px !important; } .pt-10{ padding-top: 10px !important; } .pt-15{ padding-top: 15px !important; } .pt-20{ padding-top: 20px !important; } .pt-25{ padding-top: 25px !important; } .pt-30{ padding-top: 30px !important; } .pt-35{ padding-top: 35px !important; } .pt-40{ padding-top: 40px !important; } .pt-45{ padding-top: 45px !important; } .pt-50{ padding-top: 50px !important; } .pt-55{ padding-top: 55px !important; } .pt-60{ padding-top: 60px !important; } .pt-65{ padding-top: 65px !important; } .pt-70{ padding-top: 70px !important; } .pt-75{ padding-top: 75px !important; } .pt-80{ padding-top: 80px !important; } .pt-85{ padding-top: 85px !important; } .pt-90{ padding-top: 90px !important; } .pt-95{ padding-top: 95px !important; } .pt-100{ padding-top: 100px !important; } .pt-105{ padding-top: 105px !important; } .pt-110{ padding-top: 110px !important; } .pt-115{ padding-top: 115px !important; } .pt-120{ padding-top: 120px !important; } .pt-125{ padding-top: 125px !important; } .pt-130{ padding-top: 130px !important; } .pt-135{ padding-top: 135px !important; } .pt-140{ padding-top: 140px !important; } .pt-145{ padding-top: 145px !important; } .pt-150{ padding-top: 150px !important; } .pt-155{ padding-top: 155px !important; } .pt-160{ padding-top: 160px !important; } .pt-165{ padding-top: 165px !important; } .pt-170{ padding-top: 170px !important; } .pt-175{ padding-top: 175px !important; } .pt-180{ padding-top: 180px !important; } .pt-185{ padding-top: 185px !important; } .pt-190{ padding-top: 190px !important; } .pt-195{ padding-top: 195px !important; } .pt-195{ padding-top: 195px !important; } .pt-200{ padding-top: 200px !important; } /*------------------------------------------------------*/ /* 1.10.8 - (#PDB) Padding Bottom /*------------------------------------------------------*/ .pb-0{ padding-bottom: 0 !important; } .pb-5{ padding-bottom: 5px !important; } .pb-10{ padding-bottom: 10px !important; } .pb-15{ padding-bottom: 15px !important; } .pb-20{ padding-bottom: 20px !important; } .pb-25{ padding-bottom: 25px !important; } .pb-30{ padding-bottom: 30px !important; } .pb-35{ padding-bottom: 35px !important; } .pb-40{ padding-bottom: 40px !important; } .pb-45{ padding-bottom: 45px !important; } .pb-50{ padding-bottom: 50px !important; } .pb-55{ padding-bottom: 55px !important; } .pb-60{ padding-bottom: 60px !important; } .pb-65{ padding-bottom: 65px !important; } .pb-70{ padding-bottom: 70px !important; } .pb-75{ padding-bottom: 75px !important; } .pb-80{ padding-bottom: 80px !important; } .pb-85{ padding-bottom: 85px !important; } .pb-90{ padding-bottom: 90px !important; } .pb-95{ padding-bottom: 95px !important; } .pb-100{ padding-bottom: 100px !important; } .pb-105{ padding-bottom: 105px !important; } .pb-110{ padding-bottom: 110px !important; } .pb-115{ padding-bottom: 115px !important; } .pb-120{ padding-bottom: 120px !important; } .pb-125{ padding-bottom: 125px !important; } .pb-130{ padding-bottom: 130px !important; } .pb-135{ padding-bottom: 135px !important; } .pb-140{ padding-bottom: 140px !important; } .pb-145{ padding-bottom: 145px !important; } .pb-150{ padding-bottom: 150px !important; } .pb-155{ padding-bottom: 155px !important; } .pb-160{ padding-bottom: 160px !important; } .pb-165{ padding-bottom: 165px !important; } .pb-170{ padding-bottom: 170px !important; } .pb-175{ padding-bottom: 175px !important; } .pb-180{ padding-bottom: 180px !important; } .pb-185{ padding-bottom: 185px !important; } .pb-190{ padding-bottom: 190px !important; } .pb-195{ padding-bottom: 195px !important; } .pb-200{ padding-bottom: 200px !important; } /*------------------------------------------------------*/ /* 1.10.9 - (#PDL) Padding Left /*------------------------------------------------------*/ .pl-0{ padding-left: 0 !important; } .pl-5{ padding-left: 5px !important; } .pl-10{ padding-left: 10px !important; } .pl-15{ padding-left: 15px !important; } .pl-20{ padding-left: 20px !important; } .pl-25{ padding-left: 25px !important; } .pl-30{ padding-left: 30px !important; } .pl-35{ padding-left: 35px !important; } .pl-40{ padding-left: 40px !important; } .pl-45{ padding-left: 45px !important; } .pl-50{ padding-left: 50px !important; } .pl-55{ padding-left: 55px !important; } .pl-60{ padding-left: 60px !important; } .pl-65{ padding-left: 65px !important; } .pl-70{ padding-left: 70px !important; } .pl-75{ padding-left: 75px !important; } .pl-80{ padding-left: 80px !important; } .pl-85{ padding-left: 85px !important; } .pl-90{ padding-left: 90px !important; } .pl-95{ padding-left: 95px !important; } .pl-100{ padding-left: 100px !important; } .pl-105{ padding-left: 105px !important; } .pl-110{ padding-left: 110px !important; } .pl-115{ padding-left: 115px !important; } .pl-120{ padding-left: 120px !important; } .pl-125{ padding-left: 125px !important; } .pl-130{ padding-left: 130px !important; } .pl-135{ padding-left: 135px !important; } .pl-140{ padding-left: 140px !important; } .pl-145{ padding-left: 145px !important; } .pl-150{ padding-left: 150px !important; } .pl-155{ padding-left: 155px !important; } .pl-160{ padding-left: 160px !important; } .pl-165{ padding-left: 165px !important; } .pl-170{ padding-left: 170px !important; } .pl-175{ padding-left: 175px !important; } .pl-180{ padding-left: 180px !important; } .pl-185{ padding-left: 185px !important; } .pl-190{ padding-left: 190px !important; } .pl-195{ padding-left: 195px !important; } .pl-200{ padding-left: 200px !important; } /*------------------------------------------------------*/ /* 1.10.10 - (#PDR) Padding Right /*------------------------------------------------------*/ .pr-0{ padding-right: 0 !important; } .pr-5{ padding-right: 5px !important; } .pr-10{ padding-right: 10px !important; } .pr-15{ padding-right: 15px !important; } .pr-20{ padding-right: 20px !important; } .pr-25{ padding-right: 25px !important; } .pr-30{ padding-right: 30px !important; } .pr-35{ padding-right: 35px !important; } .pr-40{ padding-right: 40px !important; } .pr-45{ padding-right: 45px !important; } .pr-50{ padding-right: 50px !important; } .pr-55{ padding-right: 55px !important; } .pr-60{ padding-right: 60px !important; } .pr-65{ padding-right: 65px !important; } .pr-70{ padding-right: 70px !important; } .pr-75{ padding-right: 75px !important; } .pr-80{ padding-right: 80px !important; } .pr-85{ padding-right: 85px !important; } .pr-90{ padding-right: 90px !important; } .pr-95{ padding-right: 95px !important; } .pr-100{ padding-right: 100px !important; } .pr-105{ padding-right: 105px !important; } .pr-110{ padding-right: 110px !important; } .pr-115{ padding-right: 115px !important; } .pr-120{ padding-right: 120px !important; } .pr-125{ padding-right: 125px !important; } .pr-130{ padding-right: 130px !important; } .pr-135{ padding-right: 135px !important; } .pr-140{ padding-right: 140px !important; } .pr-145{ padding-right: 145px !important; } .pr-150{ padding-right: 150px !important; } .pr-155{ padding-right: 155px !important; } .pr-160{ padding-right: 160px !important; } .pr-165{ padding-right: 165px !important; } .pr-170{ padding-right: 170px !important; } .pr-175{ padding-right: 175px !important; } .pr-180{ padding-right: 180px !important; } .pr-185{ padding-right: 185px !important; } .pr-190{ padding-right: 190px !important; } .pr-195{ padding-right: 195px !important; } .pr-200{ padding-right: 200px !important; } /*------------------------------------------------------*/ /* 1.10.11 - (#HGT) Height /*------------------------------------------------------*/ .hg-auto{ height: auto !important; } .hg-100{ height: 100% !important; } /*------------------------------------------------------*/ /* 1.10.12 - (#WDT) Width /*------------------------------------------------------*/ .wd-auto{ width: auto !important; } .wd-10{ width: 10%; } .wd-15{ width: 15%; } .wd-20{ width: 20%; } .wd-25{ width: 25%; } .wd-30{ width: 30%; } .wd-35{ width: 35%; } .wd-40{ width: 40%; } .wd-45{ width: 45%; } .wd-50{ width: 50%; } .wd-55{ width: 55%; } .wd-60{ width: 60%; } .wd-65{ width: 65%; } .wd-70{ width: 70%; } .wd-75{ width: 75%; } .wd-80{ width: 80%; } .wd-85{ width: 85%; } .wd-90{ width: 90%; } .wd-95{ width: 95%; } .wd-100{ width: 100% !important; } /*------------------------------------------------------*/ /* 1.10.13 - (#WDP) Width Px /*------------------------------------------------------*/ .wd-130-px{ width: 130px !important; } /*------------------------------------------------------*/ /* 1.10.14 - (#WDT) Max Width /*------------------------------------------------------*/ .wd-max-200-px{ max-width: 200px !important; } .wd-max-100{ max-width: 100% !important; } .wd-max-content{ max-width: max-content !important; } /* ###################################################################################################### 2. (#HLP) DEBUG ###################################################################################################### */ /*===================================================================================*/ /* AREA - HEADER /*===================================================================================*/ /* HEADER - ALTURA */ header{ height: var(--theme-header-height) !important; line-height: var(--theme-header-height) !important; } header .header-inner{ height: var(--theme-header-height) !important; } /* HEADER - OPACIDADE */ #header.header-opacity .header-inner{ background-color: rgba(var(--theme-header-color), var(--theme-header-opacity)) !important; } #header.header-sticky .header-inner{ background-color: rgb(var(--theme-header-color)) !important; } /* HEADER - BLOCO DIREITO */ .header-extras>ul{ text-align: right; } .header-extras>ul>li{ display: inline-block !important; } .header-extras>ul>li .topbar-dropdown>.title, .header-extras>ul>li>a:not(.btn){ display: inline-block !important; margin-top: 4px; } /* HEADER - LOGO */ #header #logo{ height: var(--theme-header-height) !important; display: flex; align-items: center; } #header #logo span:before, header #logo span:after{ display: none !important; } #header #logo .logo-default{ display: flex !important; } /* HEADER - SEARCH*/ #header .d-search{ margin-left: 10px; } #header .d-search .input-group{ height: 30px; } #header .d-search input{ border: 1px solid #e6e8eb !important; min-height: 30px !important; height: 30px !important; } #header .d-search input:focus, #header .d-search input:active{ box-shadow: none; } #header .d-search .input-group-text.btn-dark{ background-color: #000; border-color: #000; } /* HEADER - BTN */ #header .btn{ margin-bottom: 0; } /* HEADER - ICONES SOCAIS */ #header .header-extras .social-icons { display: flex; align-items: center; height: 80px; line-height: 80px; } #header .header-extras .social-icons a { margin: 0 5px 0 0 !important; } #header .header-extras .social-icons a:hover i{ color: #fff; } /*===================================================================================*/ /* AREA - MENU /*===================================================================================*/ /* MENU - COR DO CONTAINER DO MENU MOBILE */ .mainMenu-open #header #header-wrap, .mainMenu-open #header .header-inner{ background-color: rgba(var(--theme-header-color), var(--theme-header-opacity)) !important; height: auto !Important; } /* MENU - ESTILO DE MENU ACTIVE */ header #mainMenu.menu-lines nav>ul>li.current>a:after, header #mainMenu.menu-lines nav>ul>li:focus>a:after, header #mainMenu.menu-lines nav>ul>li:hover>a:after{ background-color: var(--theme-menu-font-active-color) !important; } /* MENU - COR DOS ITENS DO MENU */ #mainMenu nav>ul>li>a{ color: var(--theme-menu-font-color) !important; } #mainMenu.menu-lines nav>ul>li.current>a, #mainMenu.menu-lines nav>ul>li:focus>a, #mainMenu.menu-lines nav>ul>li:hover>a{ color: var(--theme-menu-font-color) !important; } /* MENU - MENU OPEN - OVERLFOW */ .mainMenu-open #header #mainMenu{ overflow-y: hidden; } /* MENU - COR DO CONTAINER DO MENU MOBILE */ .mainMenu-open #header #header-wrap, .mainMenu-open #header .header-inner{ background-color: rgba(var(--theme-header-color), var(--theme-header-opacity)) !important; } /* MENU - COR DO ICONE DO MENU MOBILE */ .lines, .lines:after, .lines:before{ background-color: var(--theme-menu-icon-color); } /* MENU - COR DA FONTE DOS ITENS DO MENU DROPDOWN */ header #mainMenu .dropdown .dropdown-menu li a:hover{ color: #666; text-decoration: underline; } /* MENU - DEBUG - ESPAÇAMENTO DE ITENS DO SUB-MENU */ #mainMenu nav>ul>li .dropdown-arrow { height: 40px; width: 50px; position: absolute; z-index: 1; right: -10px; top: 0; cursor: pointer; } /* MENU - ESPAÇAMENTO VERTICAL - ITENS DO MENU */ #mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a, #mainMenu nav>ul>li .dropdown-menu>li>a, #mainMenu nav>ul>li .dropdown-menu>li>span{ line-height: 16px; } #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a{ padding: 12px 12px 12px 12px; } /*===================================================================================*/ /* AREA - SLIDES /*===================================================================================*/ /* SLIDES - BOTÕES SLIDES */ .flickity-button{ background-color: var(--theme-color-one) !important; } .flickity-button:hover{ background-color: var(--theme-color-one) !important; } .flickity-button:before{ color: #fff; } /*===================================================================================*/ /* AREA - FOOTER /*===================================================================================*/ /* FOOTER - PARTE INFERIOR DO FOOTER */ #footer .copyright-content{ } #footer .copyright-text{ line-height: normal; margin-bottom: 5px; } /* FOOTER - POSITION ABSOLUTE */ .d-footer-botton{ position: absolute !important; width: 100%; bottom: 0 !important; } /*===================================================================================*/ /* BLOCO - SOBRE /*===================================================================================*/ #empresa h1{ font-size: 20px; line-height: 28px; font-weight: 700; } #empresa p.lead{ } /*===================================================================================*/ /* BLOCO - SERVICOS /*===================================================================================*/ #servicos .accordion .ac-item .ac-title{ font-size: 1.15em; } #servicos ul li{ font-size: 16px; } /*===================================================================================*/ /* BLOCO - PROEJTOS /*===================================================================================*/ .portfolio-item .portfolio-image:after{ background-color: var(--theme-color-one); } .portfolio-item.revert .portfolio-image:after{ opacity: 0.9; } /*===================================================================================*/ /* BLOCO - CONTATO /*===================================================================================*/ #contato .btn-light i{ color: var(--theme-color-font-one) !important; } #contato ul:not(.social-icons) li{ display: flex; align-items: center; margin-bottom: 10px; margin-right: 10px; } /*===================================================================================*/ /* PAGINA POST /*===================================================================================*/ .single-post .post-item .post-item-description .heading-text{ margin-top: 35px; margin-bottom: 35px; } .single-post .post-item .post-item-description h1{ font-size: 28px; line-height: 36px; font-weight: 600; text-transform: uppercase; } .single-post .post-item .post-item-description .heading-text h1{ font-size: 28px; line-height: 36px; font-weight: 600; text-transform: uppercase; } .single-post .post-item .post-item-description .heading-text h2{ font-size: 24px; line-height: 32px; font-weight: 600; text-transform: uppercase; } .single-post .post-item .post-item-description .heading-text h3{ font-size: 20px; line-height: 28px; font-weight: 600; text-transform: uppercase; } .single-post .post-item .post-item-description .heading-text h4{ font-size: 16px; line-height: 24px; font-weight: 600; text-transform: uppercase; } .single-post .post-item .post-item-description li{ list-style: inside; } /* ###################################################################################################### 3. EFEITOS GERAIS ###################################################################################################### */ /*-----------------------------------------------------------------*/ /* SOCIAL ICONS /*-----------------------------------------------------------------*/ .social-icons.social-icons-light li a{ border: 0; } /*-----------------------------------------------------------------*/ /* CONTAINER /*-----------------------------------------------------------------*/ /* CONTAINER - PADDING LATERAIS */ .container-fluid{ padding-right: 30px; padding-left: 30px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADINGS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* HEADING - TITULOS */ .heading-text h1{ font-size: 38px; line-height: 48px; font-weight: 600; text-transform: uppercase; } .heading-text h2{ font-size: 34px; line-height: 44px; font-weight: 600; text-transform: uppercase; } .heading-text h3{ font-size: 30px; line-height: 40px; font-weight: 600; text-transform: uppercase; } .heading-text h4{ font-size: 26px; line-height: 36px; font-weight: 600; text-transform: uppercase; } /* HEADING - IDENTIFICADOR DA PÁGINA */ .heading-text .identification{ font-size: 1.2em; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; } /* HEADING - BORDA INFERIOR DOS TITULOS */ .heading-text.heading-section > h2:before{ background-color: var(--theme-color-one) !important; } /*-----------------------------------------------------------------*/ /* PAGE-MENU /*-----------------------------------------------------------------*/ .page-menu nav > ul > li > a{ padding: 6px 10px; } .page-menu.menu-rounded nav > ul > li:hover > a, .page-menu.menu-rounded nav > ul > li.active > a{ background-color: var(--theme-color-one); color: #fff; } /*-----------------------------------------------------------------*/ /* PAGINAÇÃO /*-----------------------------------------------------------------*/ /* PAGINAÇÃO - CORES ELEMENTOS */ .pagination .active a{ background-color: var(--theme-color-one) !important; color: #fff !important; } .pagination li a i{ color: var(--theme-color-font-one) !important; } /* PAGINAÇÃO - EFEITOS DE HOVER */ .pagination li a:hover{ background-color: var(--theme-color-one) !important; color: #fff !important; } .pagination li a:hover i{ color: #fff !important; } /*-----------------------------------------------------------------*/ /* OVERLAY /*-----------------------------------------------------------------*/ /* OVERLAY - CORES E SOMBRAS */ .bg-overlay[data-style="10"]{ background: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,.89) 100%); } .bg-overlay[data-style="13"]{ background: linear-gradient(180deg, var(--theme-color-one) 0, var(--theme-color-one) 100%); opacity: 0.80; } /* OVERLAY */ .bg-overlay[data-style="14"]{ background: rgb(1, 27, 66); opacity: .85; } /*-----------------------------------------------------------------*/ /* PARALLAX /*-----------------------------------------------------------------*/ /* PARALLAX - CONTAINER */ .parallax-container { background-attachment: fixed !important; } .halfscreen .container, .halfscreen .container-wide{ margin-top: 0; } /*-----------------------------------------------------------------*/ /* LIST /*-----------------------------------------------------------------*/ .list-icon li:before{ position: static; margin-right: 10px; } /*-----------------------------------------------------------------*/ /* TABS /*-----------------------------------------------------------------*/ /* TABS - ESTILOS */ .d-tabs .tabs .nav-item .nav-link{ border-top-left-radius: 0; border-top-right-radius: 0; border: 1px solid #ececec !important; height: 100%; } .d-tabs .tabs .nav-item .nav-link:hover{ color: #ddd; } .d-tabs .tabs .nav-item .nav-link.active{ background-color: #fff; color: var(--theme-color-one) !important; } .d-tabs .tabs .nav-item .nav-link.active:hover{ color: #eee; } .d-tabs .tabs .list-icon.icon-list-colored i, .tabs .list-icon.list-icon-colored li:before{ color: #fff; } .d-tabs .tabs.tabs-folder .tab-content{ border-radius: 0 !important; } /*-----------------------------------------------------------------*/ /* SIDEBAR /*-----------------------------------------------------------------*/ /* SIDEBAR - TABS */ .sidebar .tabs .nav-link.active{ color: var(--theme-color-one); border-bottom: 2px solid var(--theme-color-one); } .sidebar .tabs .nav-link:hover{ color: var(--theme-color-one); } .sidebar .tabs .tab-content .post-thumbnail-content a:hover{ color: var(--theme-color-one); } .sidebar .tabs .tab-content .post-date { color: #666; } .tabs .nav-tabs .nav-item{ margin-bottom: -1px !important; } /* SIDEBAR - POSTS */ .sidebar .post-thumbnail-entry{ display: flex; align-items: center; } .sidebar .post-thumbnail-entry img{ border: 1px solid #ddd; } .sidebar .post-thumbnail-content{ padding-left: 0 !important; } .sidebar .post-thumbnail-list .post-thumbnail-entry>img{ width: 80px !important; height: 60px !important; } .sidebar .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a{ margin: 0; font-weight: 400; line-height: 18px; } /* SIDEBAR - LISTAS */ .sidebar .list-lines li{ line-height: normal; } /*-----------------------------------------------------------------*/ /* TEXT - BOX /*-----------------------------------------------------------------*/ /* CAIXAS */ .text-box:hover{ background-color: var(--theme-color-one) !important; } .text-box:hover h3{ color: #fff !important; } .text-box:hover i{ color: #fff !important; } /*-----------------------------------------------------------------*/ /* NEWSLETTER /*-----------------------------------------------------------------*/ /* NEWSLETTER - BOTÃO */ .widget-newsletter .input-group button{ height: 100% !important; margin-bottom: 0 !important; } /*-----------------------------------------------------------------*/ /* ALERTS /*-----------------------------------------------------------------*/ /* ALERTS - TITULOS E PARAGRAFOS */ .alert h4, .alert p{ color: #fff; } /*-----------------------------------------------------------------*/ /* FLICKTY /*-----------------------------------------------------------------*/ /* ================ FLICKTY - GERAL ================ */ /* FLICKTY - BOTÕES */ .d-slider .flickity-button{ margin-top: -43px; } /* FLICKTY - CAROUSEL - BOTÕES */ .carousel.shop-products .flickity-button{ margin-top: -43px; } /* ================ FLICKTY - SLIDES ================ */ /* SLIDES - TITULO E TEXTO */ .inspiro-slider .slide .slide-captions h2{ font-size: 44px; margin-bottom: 15px; line-height: 50px; } .inspiro-slider .slide .slide-captions p{ line-height: normal; } /* FLICKTY - SLIDES - BOTÕES */ .inspiro-slider .flickity-button{ width: 48px; height: 48px; line-height: 48px; } .inspiro-slider .flickity-button::before{ line-height: 48px; } /* FLICKTY - SLIDES - FLECHA INFERIOR ANIMADA */ .scrolldown-animation{ bottom: 60px; } /* ================ FLICKTY - BLOCO DE DEPOIMENTOS ================ */ /* FLICKTY - DEPOIMENTOS - BOTÕES LATERAIS */ #depoimentos .flickity-button{ background-color: #fff !important; } #depoimentos .flickity-button.previous:before{ color: #000 !important; } #depoimentos .flickity-button.next:before{ color: #000 !important; } /* FLICKTY - DEPOIMENTOS - DOTS */ #depoimentos .flickity-page-dots{ bottom: 0; } #depoimentos .flickity-page-dots .dot{ width: 15px; height: 15px; box-shadow: inset 0 0 0 2px var(--theme-color-two); } #depoimentos .flickity-page-dots .dot.is-selected:after{ background-color: var(--theme-color-two); } /* FLICKTY - DEPOIMENTOS - PARAGRAFOS */ #depoimentos .testimonial-item p{ line-height: 1.4 !important; } /*-----------------------------------------------------------------*/ /* HEADING /*-----------------------------------------------------------------*/ /* HEADING - BORDA INFERIOR DOS TITULOS */ .heading-text.heading-section > h2:before{ background-color: var(--theme-color-one) !important; } /*-----------------------------------------------------------------*/ /* BACKGROUNDS /*-----------------------------------------------------------------*/ /* BACKGROUNDS - FONTES EM FUNDO ESCURO */ .background-dark p, .background-dark a, .background-dark h3, .background-dark i{ color: #fff !important; } .bg-theme-one p, .bg-theme-one a, .bg-theme-one h3, .bg-theme-one i{ color: #fff !important; } /*-----------------------------------------------------------------*/ /* ICON BOX /*-----------------------------------------------------------------*/ .icon-box{ margin-bottom: 15px; } .icon-box h3{ color: var(--theme-color-one) !important; } .icon-box i{ color: var(--theme-color-one) !important; } /*-----------------------------------------------------------------*/ /* BREADCRUMB /*-----------------------------------------------------------------*/ /* BREADCRUMB - ESTILOS */ .breadcrumb ul li{ color: #fff; } .breadcrumb ul li a{ color: #fff; opacity: 1 !important; } .breadcrumb ul li a:hover{ color: #fff !important; } /* BREADCRUMB - PAGE-TITLE */ #page-title{ background-color: var(--theme-color-one) !important; } #page-title{ padding-top: 30px ; padding-bottom: 30px; } /*-----------------------------------------------------------------*/ /* POST-TAGS /*-----------------------------------------------------------------*/ .single-post .post-item .post-tags a, .single-post .post-item .post-tags span{ display: inline-block; margin-bottom: 5px; } .single-post .post-item ul li{ margin-left: 17px; } .single-post .post-item .post-tags span{ font-weight: 400; color: #484848; border: 1px solid #e6e8eb; border-radius: 4px; font-size: 12px; margin-bottom: 10px; padding: 3px 10px; background-color: #f8f9fa; } /*-----------------------------------------------------------------*/ /* HOVER /*-----------------------------------------------------------------*/ /* HOVER GERAL */ a:not(.btn):not(.badge):active, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):hover{ color: var(--theme-color-one); } /* HOVER GERAL */ .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, button.btn:focus, button.btn:hover, button.btn:not(:disabled):not(.disabled).active, button.btn:not(:disabled):not(.disabled):active{ background-color: var(--theme-color-one); border-color: var(--theme-color-one); } /*-----------------------------------------------------------------*/ /* SUBSTITUIÇÃO DE ICONES NATIVOS INSPIRO POR FA /*-----------------------------------------------------------------*/ /* FLICKTY */ .flickity-button.previous:before{ content: "\f053"; font-family: 'Font Awesome\ 5 Free' !important; font-weight: 900; font-size: 12px !important; } .flickity-button.next:before{ content: "\f054"; font-family: 'Font Awesome\ 5 Free' !important; font-weight: 900; font-size: 12px !important; } /* BREADCRUMB */ .breadcrumb ol .breadcrumb-item+li:before, .breadcrumb ol li+li:before, .breadcrumb ul .breadcrumb-item+li:before, .breadcrumb ul li+li:before{ content: "\f054"; font-family: 'Font Awesome\ 5 Free' !important; font-weight: 700; font-size: 10px !important; vertical-align: bottom; color: #fff; } /* MENU MOBILE - DROPDOWN */ #mainMenu nav>ul>li.dropdown:before{ content: "\f078"; font-family: 'Font Awesome\ 5 Free' !important; font-weight: 700; font-size: 12px !important; transform: none !important; } /* ACCORDION */ .accordion .ac-item .ac-title:before{ content: "\f067"; font-family: 'Font Awesome\ 5 Free' !important; font-weight: 900; font-size: 12px; } .accordion .ac-item.ac-active .ac-title:before{ content: "\f068"; font-family: 'Font Awesome\ 5 Free' !important; font-weight: 900; font-size: 12px; } /* PAGE-MENU */ .page-menu nav>ul>li.dropdown:before{ content: "\f107"; font-family: 'Font Awesome\ 5 Free' !important; font-weight: 900; color: #fff; } /* MENU */ #mainMenu nav>ul>li .dropdown-submenu:before { content: "\f054"; font-family: 'Font Awesome\ 5 Free' !important; font-weight: 700; font-size: 10px !important; } /* ###################################################################################################### 4 - (#PLG) PLUGINS ###################################################################################################### */ /*-----------------------------------------------------------------*/ /* HTML5LIGHTBOX /*-----------------------------------------------------------------*/ /* HTML5LIGHTBOX - ESTILOS */ #html5lightbox-watermark{ display: none !important; } /* => retira mensagem de plguin pro do lightbox */ .html5-title, .html5-description{ text-align: center !important; } /*-----------------------------------------------------------------*/ /* JQUERY UI /*-----------------------------------------------------------------*/ /* JQUERY UI - AUTOCOMPLETE */ .ui-autocomplete{ max-width: 1110px; } /* pagina de validaç~so de certificado e declarações*/ /*-----------------------------------------------------------------*/ /* BACK TO TOP /*-----------------------------------------------------------------*/ /* BACK TO TOP - FORMATAÇÃO E ESTILOS VARIADOS */ #scrollTop{ background-color: var(--theme-color-one) !important; color: #fff !important; } #scrollTop:after{ background-color: var(--theme-color-three) !important; } #scrollTop:hover{ color: #fff !important; } /*-----------------------------------------------------------------*/ /* JQUERY CONFIRM /*-----------------------------------------------------------------*/ /* JQUERY CONFIRM - FORMATAÇÃO E ESTILOS VARIADOS */ .jconfirm .jconfirm-box{ border-top: solid 7px var(--theme-color-one) !important; } .jconfirm .jconfirm-box div.jconfirm-closeIcon{ top: 11px !important; } .jconfirm .jconfirm-title{ font-size: 19px !important; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i{ color: var(--theme-color-one) !important; } /* JQUERY CONFIRM - ALINHAMENTO AO CENTRO */ .jconfirm .jconfirm-box{ text-align: center; } .jconfirm .jconfirm-buttons{ text-align: center !important; float: none !important; } /* JQUERY CONFIRM - BOTÕES - TAMANHO DE FONTE E PADDING */ .jconfirm .jconfirm-box .jconfirm-buttons button{ font-size: 13px; padding: 6px 8px; margin-bottom: 5px; } /* JQUERY CONFIRM - MARGEM LATERAL */ .jconfirm button.btn + .btn, .jconfirm .btn:not(.close):not(.mfp-close) + .btn, .jconfirm a.btn:not([href]):not([tabindex]) + .btn{ margin-left: 2px; } /*-----------------------------------------------------------------*/ /* BOOTSTRAP /*-----------------------------------------------------------------*/ /* ================ BOOTSTRAP - TOOLTIP ================ */ /* BOOTSTRAP - TOOLTIP */ .tooltip{ z-index: 9999; } /* ================ BOOTSTRAP - MODAL STRIP ================ */ /* BOOTSTRAP - MODAL STRIP */ .modal-strip{ padding: 15px; } /* ================ BOOTSTRAP - MODAL ================ */ /* MODAL - BUG - ESPAÇAMENTO DIREITO */ body.modal-open{ padding-right: 0 !important; } /* ================ BOOTSTRAP - MODAL ================ */ /* MODAL - BOTÃO CLOSE */ .modal .close{ position: absolute; right: 15px; color: #fff; opacity: 1; } /* MODAL - HEADER */ .modal .modal-header{ border-top-left-radius: 0; border-top-right-radius: 0; } .modal .modal-header{ background-color: var(--theme-color-two) !important; } .modal .modal-header{ display: flex !important; padding: 1rem 1rem; } .modal .modal-header .modal-title{ color: #fff; } .modal .modal-header .btn-close{ opacity: .9; font-size: 18px !important; font-weight: bold !important; } /* MODAL - BODY */ .modal .modal-body small{ line-height: normal; } .modal .modal-body .list-group-item{ padding: 0.8rem 1.2rem; } .modal .modal-body p{ font-size: 14px; line-height: normal; font-weight: normal; } .modal .modal-body .alert{ padding: 1rem 0.85rem !important; line-height: 20px; } /* MODAL - LISTAS */ .modal ul li{ font-size: 14px; line-height: normal; margin-top: 0; margin-bottom: 13px; font-weight: 400; color: var(--theme-color-font-two) !important; display: flex; align-items: center; } .modal .list-icon.icon-list-colored i, .modal .list-icon.list-icon-colored li:before{ color: var(--theme-color-one); } /* MODAL - FONTES */ .modal .lead{ font-weight: 400; color: #373535; } /* ================ BOOTSTRAP - ACCORDION ================ */ /* BOOSTRAP - ACCORDION */ .accordion .ac-item{ background: var(--theme-color-two) !important; border: 0; } .accordion .ac-item h5{ color: #fff; } .accordion .ac-item p{ color: #fff; } .accordion .ac-item li{ color: #fff; } .accordion .ac-item .ac-title{ padding-right: 20px; } /* ================ BOOTSTRAP - POPOVER ================ */ /* BOOSTRAP - POPOVER */ .popover{ text-align: center; } /* ================ BOOTSTRAP - GROWL ================ */ /* BOOTSTRA GROWL */ .bootstrap-growl{ z-index: 999999999 !important; } .bootstrap-growl p{ color: #fff; padding-left: 0; } .bootstrap-growl .close:hover{ color: #ddd !important; } /* ================ BOOTSTRAP - NOTIFY ================ */ /* BOOTSTRAP NOTIFY - ESTILOS */ div[data-notify="container"]{ width: 280px !important; padding: 10px 15px; z-index: 99999 !important; } div[data-notify="container"] .close{ padding: 2px; right: 2px; top: 2px; } div[data-notify="container"] span.fas{ min-width: 35px; } div[data-notify="container"]{ max-width: 88%; } /*-----------------------------------------------------------------*/ /* ADDTHIS /*-----------------------------------------------------------------*/ #st-1.st-animated { text-align: left !important; } /*-----------------------------------------------------------------*/ /* GOOGLE - CAPTCHA /*-----------------------------------------------------------------*/ /* RECAPTCHA - LARGURA DO BLOCO */ .d-div-recaptcha{ margin: 0 auto; margin-bottom: 10px; } /* GOOGLE - CAPTCHA - ALINHAMENTO AO CENTRO */ .g-recaptcha:not(.gr-left) > div{ margin: 0 auto; } /*-----------------------------------------------------------------*/ /* GOOGLE - TRANSLATE /*-----------------------------------------------------------------*/ #google_translate_element { display: none !important; } #goog-gt-tt{ display: none !important; } .goog-te-banner-frame { display: none !important; } /*-----------------------------------------------------------------*/ /* IFRAMES /*-----------------------------------------------------------------*/ iframe{ display: block; margin-bottom: 0 !important; } /*-----------------------------------------------------------------*/ /* MATERIAL FLOATING /*-----------------------------------------------------------------*/ .mfb-component__button--child, .mfb-component__button--main{ background-color: var(--theme-color-two) !important; } [data-mfb-label]:after{ background: rgba(var(--theme-color-two-rgb), .7); } .mfb-component--bl, .mfb-component--br, .mfb-component--tl, .mfb-component--tr{ margin: 15px; } /* ###################################################################################################### 5 - (#MQR) MEDIA QUERIES ###################################################################################################### */ @media screen and (min-width: 1200px) { /*===================================================================================*/ /* EFEITOS GERAIS /*===================================================================================*/ /* TITULOS - BORDA INFERIOR */ .heading-text.heading-line h1:before, .heading-text.heading-line h2:before, .heading-text.heading-line h3:before{ bottom: -5px; } .heading-text.heading-line h4:before, .heading-text.heading-line h5:before, .heading-text.heading-line h6:before{ bottom: -15px; } /*-----------------------------------------------------------------*/ /* PARALLAX /*-----------------------------------------------------------------*/ /* PARALLAX - PADDING VERTICAIS */ .d-parallax{ padding-top: 140px !important; padding-bottom: 140px !important; } } @media screen and (max-width: 1200px) { /*===================================================================================*/ /* MENU /*===================================================================================*/ /* MENU - ESPAÇAMENTO*/ #mainMenu nav > ul > li > a{ } /*===================================================================================*/ /* PAGINA - SERVIÇOS /*===================================================================================*/ /* SERVIÇOS - ALTURA */ #servicos .icon-box{ height: 228px; } /*===================================================================================*/ /* EFEITOS GERAIS /*===================================================================================*/ .lead{ } /*-----------------------------------------------------------------*/ /* PARALLAX /*-----------------------------------------------------------------*/ /* PARALLAX - PADDING VERTICAIS */ .d-parallax{ padding-top: 60px !important; padding-bottom: 60px !important; } /*-----------------------------------------------------------------*/ /* SIDEBAR /*-----------------------------------------------------------------*/ .sidebar{ padding-left: 15px !important; } } @media screen and (min-width: 1024px) { /*-----------------------------------------------------------------*/ /* PAGE - MENU /*-----------------------------------------------------------------*/ /* PAGE - MENU - COR DE FUNDO DOS MENU ATIVOS */ .page-menu.menu-solid nav>ul>li.active>a, .page-menu.menu-solid nav>ul>li:hover>a{ background-color: var(--theme-color-one); } } @media screen and (max-width: 1024px) { /*-----------------------------------------------------------------*/ /* AREA - HEADER /*-----------------------------------------------------------------*/ /* HEADER - POSIÇÃO DE ELEMENTOS */ #header .header-extras{ position: absolute; right: 70px; } /* HEADER - SEARCH */ #header .d-search .input-group{ height: 28px; } #header .d-search input{ border: 1px solid #e6e8eb !important; min-height: 28px !important; height: 28px !important; } /* HEADER - BOTÃO DE PESQUISA */ #header .d-search{ margin-left: 25px; } /* HEADER - LOGO */ #header #logo{ position: static !important; width: auto; } #header #logo .logo-default{ float: left; } /* HEADER - MARGEM INFERIOR DA LOGO */ #header #logo > a img{ padding-bottom: 0; } /*-----------------------------------------------------------------*/ /* AREA - MENU /*-----------------------------------------------------------------*/ /* MENU - ICONE MENU MOBILE ALTURA */ #mainMenu-trigger{ height: var(--theme-header-height) !important; } #mainMenu-trigger .lines{ top: 0; } /* MENU - ESPAÇAMENTO DE ITENS */ #header #mainMenu nav>ul>li>a{ padding: 10px 8px; letter-spacing: .2px; } /* MENU - ALTURA */ #header #logo>a img{ max-height: none; } /*-----------------------------------------------------------------*/ /* SLIDES /*-----------------------------------------------------------------*/ /* SLIDES - BOTÕES */ .inspiro-slider .flickity-button.previous, .inspiro-slider .flickity-button.previous:hover{ left: 10px !important; } .inspiro-slider .flickity-button.next, .inspiro-slider .flickity-button.next:hover{ right: 10px !important; } /*-----------------------------------------------------------------*/ /* PAGE - MENU /*-----------------------------------------------------------------*/ /* PAGE-MENU - COR DE FUNDO DOS MENU ATIVOS */ .page-menu.menu-solid nav>ul>li.active>a{color: var(--theme-color-two); text-decoration: underline; } .page-menu.menu-solid nav>ul>li:hover>a {color: var(--theme-color-two); } .page-menu nav>ul>li.dropdown:before{ line-height: 32px; } /*===================================================================================*/ /* EFEITOS GERAIS /*===================================================================================*/ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADINGS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .heading-text h1{ font-size: 34px; line-height: 44px; } .heading-text h2{ font-size: 30px; line-height: 40px; } .heading-text h3{ font-size: 26px; line-height: 36px; } .heading-text h4{ font-size: 22px; line-height: 32px; } /*-----------------------------------------------------------------*/ /* HEADING - BORDA INFERIOR /*-----------------------------------------------------------------*/ .heading-text.heading-line h1:before, .heading-text.heading-line h2:before, .heading-text.heading-line h3:before{ bottom: -15px; } .heading-text.heading-line h4:before, .heading-text.heading-line h5:before, .heading-text.heading-line h6:before{ bottom: -15px; } .heading-text h1, .heading-text h2, .heading-text h3, .heading-text h4, .heading-text h5, .heading-text h6{ margin-bottom: 30px; } /*===================================================================================*/ /* PAGINA - BLOG /*===================================================================================*/ .post-thumbnails .post-item .post-image, .post-thumbnails .post-item .post-slider, .post-thumbnails .post-item .post-video, .post-thumbnails .post-item .post-audio{ width: 100% !important; } .post-thumbnails .post-item:not(.quote) .post-item-description{ padding: 0; padding-top: 15px; } .post-thumbnails .post-item:not(.quote) .post-item-description p{ margin-bottom: 10px; } .post-thumbnails .post-item .post-item-description > h2, .post-item .post-item-description > h2 > a{ margin-bottom: 5px; } } @media screen and (max-width: 991px) { /*-----------------------------------------------------------------*/ /* AREA - HEADER /*-----------------------------------------------------------------*/ /* HEADER - ALTURA */ header{ height: var(--theme-header-height) !important; line-height: var(--theme-header-height) !important; } header .header-inner{ height: var(--theme-header-height) !important; } /* HEADER - MENU MOBILE ABERTO */ .mainMenu-open header .header-inner{ height: auto !important; } .mainMenu-open #header.header-opacity .header-inner{ background-color: rgba(var(--theme-header-color), 0.95) !important; } /* HEADER - LOGO */ #header #logo{ width: auto !important; } /*-----------------------------------------------------------------*/ /* AREA - MENU /*-----------------------------------------------------------------*/ /* MENU - ESPAÇAMENTO LATERAL ESQUERDO DOS ITENS DO MENU */ #header #mainMenu nav>ul>li>a{ padding-left: 0; } /*-----------------------------------------------------------------*/ /* PAGINA - INICIAL /*-----------------------------------------------------------------*/ /* BLOCO - TESTEMUNHOS */ #testemunhos .flickity-button{ display: none; } /* BLOCO - ESTRUTURA */ #estrutura .widget{ height: auto; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADINGS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .heading-text h1{ font-size: 30px; line-height: 40px; } .heading-text h2{ font-size: 26px; line-height: 36px; } .heading-text h3{ font-size: 22px; line-height: 32px; } .heading-text h4{ font-size: 18px; line-height: 28px; } } @media screen and (max-width: 768px) { /*-----------------------------------------------------------------*/ /* AREA - HEADER /*-----------------------------------------------------------------*/ /* HEADER - SEARCH */ #header .d-search form{ display: none;} #header .d-search{ margin-left: 0; } #header .d-search #btn-search{ display: inline-block; } /*-----------------------------------------------------------------*/ /* SLIDES /*-----------------------------------------------------------------*/ /* SLIDES - BOTÕES */ .inspiro-slider .flickity-button.previous, .inspiro-slider .flickity-button.previous:hover{ display: none; } .inspiro-slider .flickity-button.next, .inspiro-slider .flickity-button.next:hover{ display: none; } /*===================================================================================*/ /* PAGINA - INICIAL /*===================================================================================*/ /* PRODUTOS - BLOCO DESCRIÇÃO */ .shop .product .product-description{ height: auto; } /* ESPECIALIDADES - TITULO */ .icon-box h3, .icon-box h5{ font-size: 14px; } } @media screen and (max-width: 600px) { /*-----------------------------------------------------------------*/ /* AREA - HEADER /*-----------------------------------------------------------------*/ /* HEADER - SEARCH */ #header .d-search #btn-search span{ display: none; } } @media screen and (max-width: 576px) { /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADINGS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .heading-text h1{ font-size: 26px; line-height: 36px; } .heading-text h2{ font-size: 22px; line-height: 32px; } .heading-text h3{ font-size: 18px; line-height: 28px; } .heading-text h4{ font-size: 16px; line-height: 26px; } } @media screen and (max-width: 480px) { /*-----------------------------------------------------------------*/ /* AREA - HEADER /*-----------------------------------------------------------------*/ /* HEADER - CONTAINER */ /* HEADER - POSIÇÃO DE ELEMENTOS */ #header .header-extras{ right: 50px; } /* HEADER - SEARCH */ #header .d-search span{ display: none; } /*-----------------------------------------------------------------*/ /* AREA - SLIDER /*-----------------------------------------------------------------*/ /* CARROSEL */ .grid-articles.carousel .flickity-button{ display: none; } } @media screen and (max-width: 414px) { /*-----------------------------------------------------------------*/ /* FLICKTY - SLIDES /*-----------------------------------------------------------------*/ /* SLIDES - TITULO E TEXTO */ .inspiro-slider .slide .slide-captions h2{ font-size: 30px; line-height: normal; } /*-----------------------------------------------------------------*/ /* PLUGINS /*-----------------------------------------------------------------*/ /* ================ PLUGINS - JQUERY CONFIRM ================ */ .jconfirm .jc-bs3-container.container{ padding: 0 10px; } .jconfirm .form-group{ padding: 0; } /* ================ PLUGINS - GOOGLE - CAPTCHA ================ */ /* RECAPTCHA - LARGURA DO BLOCO */ .d-div-recaptcha{ max-width: 311px; } } @media screen and (max-width: 410px) { /*-----------------------------------------------------------------*/ /* AREA - HEADER /*-----------------------------------------------------------------*/ /* HEADER - LOGO */ #header #logo img{ max-width: 230px;} /* HEADER - BTN */ .header-extras .btn:not(.close):not(.mfp-close):not(.btn-creative):not(.btn-slide).btn-sm, .header-extras a.btn:not([href]):not([tabindex]):not(.btn-creative):not(.btn-slide).btn-sm, .header-extras button.btn:not(.btn-creative):not(.btn-slide).btn-sm{ height: 26px; line-height: 26px; padding: 0 8px; } /* HEADER - BTN ICONES */ .header-extras>ul .p-dropdown>a>i, .header-extras>ul>li>a>i{ font-size: 13px !important; } .header-extras>ul>li a, .header-extras>ul>li i{ font-size: 13px !important; } } @media screen and (max-width: 375px) { /*-----------------------------------------------------------------*/ /* PLUGINS /*-----------------------------------------------------------------*/ /* ================ PLUGINS - GOOGLE - CAPTCHA ================ */ /* RECAPTCHA - LARGURA DO BLOCO */ .d-div-recaptcha{ max-width: 295px; overflow: hidden; } /* RECAPTCHA - LARGURA DO ELEMENTO */ .g-recaptcha { -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); -o-transform: scale(0.96); transform: scale(0.96); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } } @media screen and (max-width: 360px) { /*-----------------------------------------------------------------*/ /* PLUGINS /*-----------------------------------------------------------------*/ /* ================ PLUGINS - GOOGLE - CAPTCHA ================ */ /* RECAPTCHA - LARGURA DO BLOCO */ .d-div-recaptcha{ max-width: 280px; overflow: hidden; } /* RECAPTCHA - LARGURA DO ELEMENTO */ .g-recaptcha { -webkit-transform: scale(0.92); -moz-transform: scale(0.92); -ms-transform: scale(0.92); -o-transform: scale(0.92); transform: scale(0.92); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } } @media screen and (max-width: 359px) { /*-----------------------------------------------------------------*/ /* AREA - HEADER /*-----------------------------------------------------------------*/ /* HEADER - CONTAINER */ /* HEADER - POSIÇÃO DE ELEMENTOS */ #header .header-extras{ right: 40px; } /*-----------------------------------------------------------------*/ /* EFEITOS GERAIS /*-----------------------------------------------------------------*/ /* GRID - BLOCOS */ .grid li{ width: 100% !important; } /*-----------------------------------------------------------------*/ /* PLUGINS /*-----------------------------------------------------------------*/ /* ================ PLUGINS - GOOGLE - CAPTCHA ================ */ /* RECAPTCHA - LARGURA DO BLOCO */ .d-div-recaptcha{ max-width: 237px; overflow: hidden; } /* RECAPTCHA - LARGURA DO ELEMENTO */ .g-recaptcha { -webkit-transform: scale(0.78); -moz-transform: scale(0.78); -ms-transform: scale(0.78); -o-transform: scale(0.78); transform: scale(0.78); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } } @media screen and (max-width: 320px) { /*-----------------------------------------------------------------*/ /* AREA - HEADER /*-----------------------------------------------------------------*/ /* HEADER - CONTAINER */ /* HEADER - HEADE EXTRAS */ #header .header-extras{ margin-right: 0 !important; } /* HEADER - LOGO */ #header #header-wrap #logo, #header .header-inner #logo{ max-width: 200px; } }