/* File Name: custon.css Version: 1.0 Author: Saulo Dev Author URI: */ /* ###################################################################################################### 1 - (#HLP) HELPERS - CLASSES PARA AJUDAR NO DESENVOVIMENTO ###################################################################################################### */ /* ============================================================================================= VÁRIAVEIS ============================================================================================= */ :root { --theme-color-one: #000000; --theme-color-two: #C02327; --theme-color-three: #F5CF13; --theme-color-one-rgb: 0, 0, 0; --theme-color-two-rgb: 198, 3, 3; /* Tem que ser nesse formato de cor pois o header usa rgba */ --theme-header-color: 0, 0, 0; --theme-header-social-icons-color: #2E292B; --theme-header-social-icons-font-color: #FFFFFF; --theme-header-opacity: 100; --theme-header-height: 80px; --theme-menu-font-color: #fff; --theme-menu-font-color-hover: #f8f8f8; --theme-menu-icon-color: #fff; --theme-footer-color: #000000; --theme-color-font-one: #C02327; --theme-color-font-two: #C02327; } /* ============================================================================================= (BAG) BACKGROUND ============================================================================================= */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BACKGROUND +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .bg-none{ background-color: transparent !important; } .bg-dark{ background-color: #000 !important; } .bg-white{ background-color: #fff !important; } .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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BACKGROUND RGBA +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .bg-theme-rgba{ background-color: rgba(24, 99, 132, 0.75) !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BACKBGROUND 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 ============================================================================================= */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FONT SIZE EM +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .fs-em-1-1{ font-size: 1.1em !important; } .fs-em-1-2{ font-size: 1.2em !important; } .fs-em-1-3{ font-size: 1.3em !important; } .fs-em-1-4{ font-size: 1.4em !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FONT COLOR +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .fc-white{ color: #fff !important; } .fc-black{ color: #000 !important;} .fc-yellow{ color: #ffc107 !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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FONT STYLE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .fs-normal{ font-style: normal; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* ============================================================================================= ALIGN ============================================================================================= */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TEXT ALIGN +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .ta-left{ text-align: left;} .ta-right{ text-align: right;} .ta-center{ text-align: center !important; } .ta-justify{ text-align: justify !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TEXT ALIGN LAST +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .tal-center{ text-align-last: center; } .tal-right{ text-align-last: right; } .tal-left{ text-align-last: left; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ JUSTIFY CONTENT +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .jc-center{ justify-content: center; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ALIGN ITEMS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .ai-center{ align-items: center !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LINE HEIGHT +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .ln-inherit{ line-height: inherit !important; } .ln-13{ line-height: 13px !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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* ============================================================================================= POSITION AND ALIGN ============================================================================================= */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FLOAT +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .fl-left{ float: left !important; } .fl-right{ float: right !important; } .fl-none{ float: none !important; } /*------------------------------------------------------*/ /* (#DSP) Display /*------------------------------------------------------*/ .ds-block{ display: block !important; } .ds-inblock{ display: inline-block; } .ds-inline{ display: inline; } .ds-inflex{ display: inline-flex; } .ds-none{ display: none; } /*------------------------------------------------------*/ /* (#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; } /*------------------------------------------------------*/ /* (#WSP) White Space /*------------------------------------------------------*/ .ws-nowrap{ white-space: nowrap; } .ws-normal{ white-space: normal; } .ws-pre{ white-space: pre; } /*===================================================================================*/ /* (#MEV) MOUSE AND EVENTS /*===================================================================================*/ /*------------------------------------------------------*/ /* (#HCL) Hover Color /*------------------------------------------------------*/ .hover-color-white:hover{ color: #fff !important; } .hover-color-light:hover{ color: #e4e6ef !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-white:hover{ background-color: #fff !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; } /*------------------------------------------------------*/ /* (#HST) Hover Styles /*------------------------------------------------------*/ .hover-decoration-underline:hover{ text-decoration: underline; } /*------------------------------------------------------*/ /* (#PEV) Pointer Events /*------------------------------------------------------*/ .pe-none{ pointer-events: none; } .pe-auto{ pointer-events: auto; } /*------------------------------------------------------*/ /* (#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 /*===================================================================================*/ /*------------------------------------------------------*/ /* (#BTT) Botões /*------------------------------------------------------*/ .btn-theme-one{ background-color: var(--theme-color-one) !important; border-color: var(--theme-color-one) !important; color: #fff !important; } .btn-theme-two{ background-color: var(--theme-color-two) !important; border-color: var(--theme-color-two) !important; color: #fff !important; } .btn-theme-three{ background-color: var(--theme-color-three) !important; color: #fff !important; } /*------------------------------------------------------*/ /* (#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%; -moz-border-radius: 50%; border-radius: 50%; } .b-thin{border-width: 3px !important;} .b-normal{border-width: 5px !important;} .b-thick{border-width: 7px !important;} /*------------------------------------------------------*/ /* (#SHD) Shadow /*------------------------------------------------------*/ .text-shadow-light{ text-shadow: 1px 1px 0 #ccc; } .text-shadow-black{ text-shadow: 2px 2px 1px #000; } .text-shadow-theme{ 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); } /*------------------------------------------------------*/ /* (#OPC) Opacity /*------------------------------------------------------*/ .opa-0{ opacity: 0; } .opa-0-10{ opacity: 0.10 !important; } .opa-0-15{ opacity: 0.15 !important; } .opa-0-20{ opacity: 0.20 !important; } .opa-0-25{ opacity: 0.25 !important; } .opa-0-30{ opacity: 0.30 !important; } .opa-0-35{ opacity: 0.35 !important; } .opa-0-40{ opacity: 0.40 !important; } .opa-0-45{ opacity: 0.45 !important; } .opa-0-50{ opacity: 0.50 !important; } .opa-0-55{ opacity: 0.55 !important; } .opa-0-60{ opacity: 0.60 !important; } .opa-0-65{ opacity: 0.65 !important; } .opa-0-70{ opacity: 0.70 !important; } .opa-0-75{ opacity: 0.75 !important; } .opa-0-80{ opacity: 0.80 !important; } .opa-0-85{ opacity: 0.85 !important; } .opa-0-90{ opacity: 0.90 !important; } .opa-0-95{ opacity: 0.95 !important; } .opa-1{ opacity: 1; } /*------------------------------------------------------*/ /* (#VAR) Various /*------------------------------------------------------*/ .last{ margin-right: 0 !important; } .clear{ clear: both; } .no-resize{ resize:none !important; } /*===================================================================================*/ /* (#BOD) BORDAS /*===================================================================================*/ /*------------------------------------------------------*/ /* (#BCO) Border Color /*------------------------------------------------------*/ .border-theme{ border-color: var(--theme-color-one) !important; } .border-theme-two{ border-color: var(--theme-color-two) !important; } .border-theme-trhee{ border-color: var(--theme-color-three) !important; } .border-white{ border-color: #fff !important; } /*------------------------------------------------------*/ /* (#BST) Border Style /*------------------------------------------------------*/ .bs-none{ border-style: none; } .bs-dotted{ border-style: dotted; } .bs-dashed{ border-style: dashed; } .bs-solid{ border-style: solid; } .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; } /*------------------------------------------------------*/ /* (#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; } /*------------------------------------------------------*/ /* (#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; } /*------------------------------------------------------*/ /* (#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; } /*------------------------------------------------------*/ /* (#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; } /*------------------------------------------------------*/ /* (#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 /*===================================================================================*/ /*------------------------------------------------------*/ /* (#MGN) Margin /*------------------------------------------------------*/ .m-0{ margin: 0 !important; } .m-auto{ margin: 0 auto !important; } .m-6{ margin: 6px !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; } /*------------------------------------------------------*/ /* (#MGT) Margin Top /*------------------------------------------------------*/ .mt-0{ margin-top: 0 !important; } .mt-6{ margin-top: 6px !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-45{ 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; } /*------------------------------------------------------*/ /* (#MGB) Margin Bottom /*------------------------------------------------------*/ .mb-0{ margin-bottom: 0 !important; } .mb-6{ margin-bottom: 6px !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; } /*------------------------------------------------------*/ /* (#MGL) Margin Left /*------------------------------------------------------*/ .ml-0{ margin-left: 0 !important; } .ml-6{ margin-left: 6px !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; } /*------------------------------------------------------*/ /* (#MGR) Margin Right /*------------------------------------------------------*/ .mr-0{ margin-right: 0 !important; } .mr-6{ margin-right: 6px !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; } /*------------------------------------------------------*/ /* (#PDD) Padding /*------------------------------------------------------*/ .p-0{ padding: 0 !important; } .p-6{ padding: 6px !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; } /*------------------------------------------------------*/ /* (#PDT) Padding Top /*------------------------------------------------------*/ .pt-0{ padding-top: 0 !important; } .pt-6{ padding-top: 6px !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; } /*------------------------------------------------------*/ /* (#PDB) Padding Bottom /*------------------------------------------------------*/ .pb-0{ padding-bottom: 0 !important; } .pb-6{ padding-bottom: 6px !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; } /*------------------------------------------------------*/ /* (#PDL) Padding Left /*------------------------------------------------------*/ .pl-0{ padding-left: 0 !important; } .pl-6{ padding-left: 6px !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; } /*------------------------------------------------------*/ /* (#PDR) Padding Right /*------------------------------------------------------*/ .pr-0{ padding-right: 0 !important; } .pr-6{ padding-right: 6px !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; } /*------------------------------------------------------*/ /* (#HGT) Height /*------------------------------------------------------*/ .hg-auto{ height: auto !important; } .hg-100{ height: 100% !important; } /*------------------------------------------------------*/ /* (#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; } /*------------------------------------------------------*/ /* (#WDT) Max Width /*------------------------------------------------------*/ .wd-max-100{ max-width: 100% !important; } .wd-max-content{ max-width: max-content !important; } /* ###################################################################################################### 2. (#HLP) DEBUG ###################################################################################################### */ /*===================================================================================*/ /* AREA - TOPBAR /*===================================================================================*/ #topbar{ background-color: var(--theme-color-two) !important; } #topbar .container-fluid{ padding-right: 30px; padding-left: 30px; } #topbar li, #topbar li a{ color: #fff !important; } /*===================================================================================*/ /* 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 - COR E 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 - LOGO */ #header #logo{ height: var(--theme-header-height) !important; } #header #logo{ display: flex; align-items: center; } #header #logo .logo-default{ display: flex !important; } #header #logo span:before, header #logo span:after{ display: none !important; } /* HEADER - ICONES SOCIAIS */ .header-extras > ul > li a, .header-extras > ul > li i{ color: #fff; } /* HEADER - BOTÃO */ #header .header-extras .btn i{ color: #fff; } /* HEADER - DROPDOWN TRANSLATE FLAGS */ #header .header-extras .d-li-dropdown{ margin-right: 0; } #header .header-extras .p-dropdown{ padding-left: 0; padding-right: 0; } #header .header-extras .p-dropdown .btn{ margin-top: 1px; margin-bottom: 0; padding: 9px 13px; } #header .header-extras .p-dropdown .btn i{ vertical-align: bottom; font-size: 20px; } #header .header-extras .social-icons .d-li-dropdown:hover i{ -webkit-animation: none !important; -moz-animation: none !important; animation: none !important; } #header .header-extras li .p-dropdown .p-dropdown-content{ background-color: var(--theme-color-one); -webkit-transform: none; transform: none; min-width: 55px; max-width: 55px; padding: 6px; left: 0; border: 0; } #header .header-extras li .p-dropdown .p-dropdown-content li{ width: 100%; } #header .header-extras li .p-dropdown .p-dropdown-content li a{ width: 100%; margin-right: 0 !important; } #header .header-extras li .p-dropdown .p-dropdown-content li a i{ vertical-align: middle; font-size: 20px; } /* HEADER - REDES SOCIAIS */ #header .header-extras .social-icons{ display: flex; align-items: center; height: var(--theme-header-height); line-height: var(--theme-header-height); } #header .social-icons a{ margin: 0 5px 0 0 !important; border: 0; background-color: #fff; } #header .social-icons a i{ color: #000; line-height: unset; } #header .social-icons a:hover{ background-color: var(--theme-color-three); } #header .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 - COR DOS ITENS DO MENU */ header #mainMenu nav>ul>li>a{ color: var(--theme-menu-font-color) !important; } /* MENU - COR DAS FONTES COM EFEITO HOVER */ header #mainMenu ul li a:hover{ color: var(--theme-menu-font-color-hover) !important; } /* MENU - ICONES DAS REDES SOCIAIS */ #header .social-icons a{ background-color: var(--theme-header-social-icons-color); } #header .social-icons a:hover{ background-color: var(--theme-color-two); } #header .social-icons a i{ color: var(--theme-header-social-icons-font-color); } /* MENU - COR DO ICONE DO MENU MOBILE */ .lines, .lines:after, .lines:before{ background-color: var(--theme-menu-icon-color); } /* 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-color) !important; } /* MENU - MENU OPEN - OVERLFOW */ .mainMenu-open #header #mainMenu{ overflow-y: hidden; } /*===================================================================================*/ /* AREA - SLIDES /*===================================================================================*/ /* SLIDES - INSPIRO */ .inspiro-slider .slide{ background-position: center; } /* SLIDES - INSPIRO - CONTAINER */ .inspiro-slider .slide .container, .inspiro-slider .slide .container-wide{ padding-top: 100px; } /* SLIDES - INSPIRO - TITULO E TEXTO */ .inspiro-slider .slide div.title{ text-transform: uppercase; font-weight: bold; font-size: 44px; margin-bottom: 20px; line-height: 50px; } .inspiro-slider .slide p{ margin-bottom: 20px; color: #fff; font-weight: 600; } /* SLIDES - INSPIRO - IMAGEM */ .inspiro-slider .slide img{ max-width: 200px; } /* SLIDES - INSPIRO - BOTÕES */ .flickity-button{ background-color: var(--theme-color-three) !important; } .flickity-button:before{ color: #fff !important; } /*===================================================================================*/ /* AREA - FOOTER /*===================================================================================*/ /* FOOTER - PARTE INFERIOR DO FOOTER*/ #footer .copyright-content{ background-color: var(--theme-footer-color); } /* FOOTER - ICON-BOX */ #footer .footer-content .icon-box{ margin-bottom: 0; } /*===================================================================================*/ /* PAGINA INICIAL /*===================================================================================*/ /*-----------------------------------------------------------------*/ /* BLOCO - SOBRE /*-----------------------------------------------------------------*/ #empresa h1{ font-size: 26px; line-height: 34px; } #empresa .portfolio-item .portfolio-description a i{ background-color: var(--theme-color-one); color: #fff; border: 0; width: auto; height: auto; line-height: normal !important; } /*-----------------------------------------------------------------*/ /* BLOCO - SERVIÇOS /*-----------------------------------------------------------------*/ #servicos .portfolio-item .portfolio-description a i{ background-color: var(--theme-color-one); color: #fff; border: 0; width: auto; height: auto; line-height: normal !important; } /*-----------------------------------------------------------------*/ /* BLOCO - FROTA /*-----------------------------------------------------------------*/ #frota .flickity-page-dots{ bottom: -10px; } /*-----------------------------------------------------------------*/ /* BLOCO - DESTINOS /*-----------------------------------------------------------------*/ #destinos .post-item .post-item-wrap{ background-color: transparent; } #destinos h3{ line-height: 1.3em; } /*===================================================================================*/ /* 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; } .single-post .post-item ul li{ margin-left: 17px; } /* ============================================================================================= PAGINA PRODUTO ============================================================================================= */ .shop .product .product-image img{ border: 1px solid #eee; } .shop .product .product-description .list-group-item{ background-color: transparent; } /* PRODUTOS - DESCRIÇÃO */ .shop .product .product-description{ background-color: var(--theme-color-one); border: 1px solid #eee; border-top: 0; padding: 15px; } .shop .product .product-description h3{ line-height: 20px !important; } .shop .product .product-description h3 a{ color: #fff; } .shop .product .product-description del{ margin-right: 5px opacity: 1; } .shop .product .product-description ins{ color: var(--theme-color-one); font-size: 20px; margin-bottom: 0; } /* PRODUTOS - BADGES */ .shop .product .product-new{ background: rgba(var(--theme-color-two-rgb), 0.8) !important; top: 7px; right: 7px; height: 25px; line-height: 25px; } .shop .product .product-overlay{ height: 34px; line-height: 34px; } .shop .product .product-overlay a{ background-color: rgba(var(--theme-color-two-rgb), 0.7); font-size: 14px; font-weight: 500; } .shop .product .product-overlay a:hover{ background-color: rgba(var(--theme-color-two-rgb), 0.7); color: #fff !important; } .shop .product .product-hot, .shop .product .product-new, .shop .product .product-out-stock, .shop .product .product-sale{ width: auto; padding: 0 8px; } .shop .product .product-title{ max-width: 100%; } /*-----------------------------------------------------------------*/ /* BLOCO - CONTATO /*-----------------------------------------------------------------*/ #contato h2{ font-size: 28px; line-height: 36px; margin-bottom: 50px; } #contato h3{ font-size: 18px; } #contato ul:not(.social-icons) li{ display: flex; align-items: center; margin-bottom: 10px; margin-right: 10px; } #contato ul.list-icon li i{ margin-right: 10px !important; } /* ###################################################################################################### 3. EFEITOS GERAIS ###################################################################################################### */ .list-group-item{ border: 1px solid #fff; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADINGS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* HEADING - TITULOS */ .heading-text h1{ font-size: 38px; line-height: 46px; font-weight: 600; text-transform: uppercase; } .heading-text h2{ font-size: 34px; line-height: 42px; font-weight: 600; text-transform: uppercase; } .heading-text h3{ font-size: 30px; line-height: 38px; font-weight: 600; text-transform: uppercase; } .heading-text h4{ font-size: 26px; line-height: 34px; 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-text{ margin-bottom: 30px; } .heading-text h1, .heading-text h2, .heading-text h3, .heading-text h4, .heading-text h5, .heading-text h6{ padding-bottom: 10px; } /* HEADING - BORDA INFERIOR DOS TITULOS */ .heading-text.heading-section > h2:before{ background-color: var(--theme-color-one) !important; } /*-----------------------------------------------------------------*/ /* PARAGRAFO CLASSE()LEAD) /*-----------------------------------------------------------------*/ p{ color: #555555; } .lead{ } /*-----------------------------------------------------------------*/ /* BOTÕES - HOVER /*-----------------------------------------------------------------*/ a.btn-primary:focus, a.btn-primary:focus{ background-color: #0333e8 !important; border-color: #0333e8 !important; color: #ffffff !important; } a.btn-success:focus, a.btn-success:focus{ background-color: #81c868 !important; border-color: #81c868 !important; color: #ffffff !important; } a.btn-warning:focus, a.btn-warning:focus{ background-color: #ffb20e !important; border-color: #ffb20e !important; color: #ffffff !important; } a.btn-danger:focus, a.btn-danger:focus{ background-color: #CE041C !important; border-color: #CE041C !important; color: #ffffff !important; } a.btn-info:focus, a.btn-info:focus{ background-color: #2299f6 !important; border-color: #2299f6 !important; color: #ffffff !important; } a.btn-dark:focus, a.btn-dark:focus{ background-color: #333333 !important; border-color: #333333 !important; color: #ffffff !important; } a.btn-light:focus, a.btn-light:focus{ background-color: #f4f5f8 !important; color: #4c5667 !important; } a.btn-secondary:focus, a.btn-secondary:focus{ background-color: #42484d !important; border-color: #42484d !important; color: #ffffff !important; } /*-----------------------------------------------------------------*/ /* SOCIAL ICONS /*-----------------------------------------------------------------*/ .social-icons.social-icons-light li a{ border: 0; } /*-----------------------------------------------------------------*/ /* TIMELINE /*-----------------------------------------------------------------*/ .timeline .timeline-item{ margin: 3rem 0rem 3rem 5rem; } .timeline-item .timeline-icon{ background-color: var(--theme-color-one) !important; } /*-----------------------------------------------------------------*/ /* ICON BOX /*-----------------------------------------------------------------*/ .icon-box{ margin-bottom: 30px; } /*-----------------------------------------------------------------*/ /* SIDEBAR /*-----------------------------------------------------------------*/ /* SIDEBAR - TABS */ .tabs .nav-tabs .nav-item{ margin-bottom: -1px !important; } .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a{ line-height: normal; font-size: 12px; margin-top: 0; } .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a:hover{ color: var(--theme-color-two); } /*-----------------------------------------------------------------*/ /* PARALLAX /*-----------------------------------------------------------------*/ /* PARALLAX - CONTAINER */ .parallax-container { background-attachment: fixed !important; background-size: initial !important; } .halfscreen .container, .halfscreen .container-wide{ margin-top: 0; } /*-----------------------------------------------------------------*/ /* LIST /*-----------------------------------------------------------------*/ .list-icon li:before{ position: static; margin-right: 10px; } .list-icon li{ margin-bottom: 5px; } /*-----------------------------------------------------------------*/ /* OVERLAY /*-----------------------------------------------------------------*/ /* OVERLAY ESTILO 10 */ .bg-overlay[data-style="10"]{ background: linear-gradient(to bottom, rgba(0,0,0,0) 0,rgba(0,0,0,.89) 100%); } /* OVERLAY ESTILO 15 */ .bg-overlay[data-style="15"]{ background: linear-gradient(to bottom, rgba(5, 27, 109, .89) 0, rgba(5, 27, 109,.89) 100%); } /* OVERLAY ESTILO 16 */ .bg-overlay[data-style="16"]{ background: linear-gradient(180deg, #CFAA7E 0, #CFAA7E 100%); opacity: 0.75; } /* OVERLAY ESTILO 17 */ .bg-overlay[data-style="17"]{ background: linear-gradient(90deg, var(--theme-color-two) 0, var(--theme-color-one) 100%); opacity: 0.90; } /* OVERLAY ESTILO 13 */ .bg-overlay[data-style="13"] { background: linear-gradient(180deg, var(--theme-color-one) 0%, var(--theme-color-one) 100%); opacity: 0.45; } /* OVERLAY ESTILO 14 */ .bg-overlay[data-style="14"] { background: rgb(121, 31, 19); opacity: .8; } /*-----------------------------------------------------------------*/ /* FLICKTY /*-----------------------------------------------------------------*/ /* SLIDES - BOTÕES */ .inspiro-slider .flickity-button{ width: 48px; height: 48px; line-height: 48px; } .inspiro-slider .flickity-button::before{ line-height: 48px; } /* SLIDES - DOTS FLICKITY */ .flickity-page-dots .dot{ width: 15px; height: 15px; box-shadow: inset 0 0 0 2px var(--theme-color-two); } .flickity-page-dots .dot.is-selected:after{ background-color: var(--theme-color-two); } /* SLIDE - SCROLL */ .scrolldown-animation{ bottom: 55px; } /*-----------------------------------------------------------------*/ /* TEXT - BOX /*-----------------------------------------------------------------*/ .text-box:hover{ background-color: var(--theme-color-one) !important; } .text-box:hover h3{ color: #fff !important; } .text-box:hover i{ color: #fff !important; } /*-----------------------------------------------------------------*/ /* POSTS /*-----------------------------------------------------------------*/ .post-item { margin-bottom: 30px !important; padding-bottom: 0; } /*-----------------------------------------------------------------*/ /* NEWSLETTER /*-----------------------------------------------------------------*/ /* NEWSLETTER - DEBUG BOTÃO */ .widget-newsletter .input-group button{ height: 100% !important; margin-bottom: 0 !important; } /*-----------------------------------------------------------------*/ /* ALERTS /*-----------------------------------------------------------------*/ /* ALERTS - CORES */ .alert h4, .alert p{ color: #fff; } /*-----------------------------------------------------------------*/ /* PAGE-TITLE /*-----------------------------------------------------------------*/ /* Breadcrumb */ #page-title{ padding-top: 30px; padding-bottom: 30px; background-color: var(--theme-color-one) !important; } /* Breadcrumb - Links */ #page-title li a{ color: #fff; font-weight: 500; } /* Breadcrumb - Hover dos links */ #page-title li a:hover{ color: #ddd !important; } /*-----------------------------------------------------------------*/ /* 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 .post-tags span{ font-weight: 400; color: #484848; border: 1px solid #e6e8eb; border-radius: 4px; font-size: 12px; margin-bottom: 5px; padding: 3px 10px; background-color: #f8f9fa; } /*-----------------------------------------------------------------*/ /* TAGS /*-----------------------------------------------------------------*/ .tags a{ line-height: normal; margin-bottom: 8px; } .tags a:hover, .tags a:focus, .tags a:active, .tags a.active{ background-color: var(--theme-color-one); border-color: var(--theme-color-one); } /*-----------------------------------------------------------------*/ /* ICONES SOCIAIS /*-----------------------------------------------------------------*/ /* ICONES SOCIAIS - ANIMAÇÃO DOS BOTÕES */ .d-social-icons-animate { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; } /* ICONES SOCIAIS - CORES BOTÕES */ .d-button-facebook{ background-color: #5d82d1 !important; } .d-button-instagram{ background-color: #e53d00 !important; } .d-button-twitter{ background-color: #40bff5 !important; } .d-button-youtube{ background-color: #ef4e41 !important; } .d-button-linkedin{ background-color: #238cc8 !important; } .d-button-pinterest{ background-color: #e13138 !important; } .d-button-newsletter{ background-color: #75788d !important; } /*-----------------------------------------------------------------*/ /* 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; } .accordion .ac-item.ac-active .ac-title:before{ content: "\f068"; font-family: 'Font Awesome\ 5 Free' !important; font-weight: 900; } /* PAGE-MENU */ .page-menu nav>ul>li.dropdown:before{ content: "\f107"; font-family: 'Font Awesome\ 5 Free' !important; font-weight: 900; } /* MENU */ #mainMenu nav>ul>li .dropdown-submenu:before { content: "\f054"; font-family: 'Font Awesome\ 5 Free' !important; font-weight: 700; } /* ###################################################################################################### 4 - (#PLG) PLUGINS ###################################################################################################### */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HOVER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* HOVER GERAL LINKS */ 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 BOTÕES */ .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-two); border-color: var(--theme-color-two); } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PRIORITY NAV SCROLLER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .nav-scroller-nav{ overflow-x: hidden; } .nav-scroller-item{ color: var(--theme-menu-font-color); } .d-footer-nav-scroller .nav-scroller-item{ font-size: 13px; font-weight: 400; } /*-----------------------------------------------------------------*/ /* FILEINPUT /*-----------------------------------------------------------------*/ .file-thumbnail-footer .file-caption-info{ color: #fff; } .file-thumbnail-footer .file-size-info{ color: #fff; } /*-----------------------------------------------------------------*/ /* HTML5LIGHTBOX /*-----------------------------------------------------------------*/ /* HTML5LIGHTBOX - ESTILOS */ #html5lightbox-watermark{ display: none !important; } /* => retirna 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-two) !important; color: #fff !important; } #scrollTop:after{ background-color: var(--theme-color-three) !important; } #scrollTop:hover{ color: #fff !important; } /*-----------------------------------------------------------------*/ /* TABS /*-----------------------------------------------------------------*/ /* TABS - SEM BORDAS */ .tabs .nav-tabs .nav-link.active{ color: var(--theme-color-two) !important; border-bottom: 2px solid var(--theme-color-two) !important; } .tabs .nav-tabs .nav-link:hover{ color: var(--theme-color-two) !important; border-bottom: 2px solid var(--theme-color-two) !important; } /*===================================================================================*/ /* BOOTSTRAP /*===================================================================================*/ /*-----------------------------------------------------------------*/ /* BOOTSTRAP - TOOLTIP /*-----------------------------------------------------------------*/ /* BOOSTRAP - POSIÇÃO */ .tooltip{ z-index: 9999; } /*-----------------------------------------------------------------*/ /* BOOSTRAP - POPOVER /*-----------------------------------------------------------------*/ /* BOOSTRAP - ALINHAMENTO */ .popover{ text-align: center; } /*-----------------------------------------------------------------*/ /* BOOSTRAP - ACCORDION /*-----------------------------------------------------------------*/ /* BOOSTRAP - ACCORDION */ .accordion .ac-item{ background-color: #fff; border: 1px solid #fff; } .accordion .ac-item h5{ } .accordion .ac-item p{ } .accordion .ac-item li{ } .accordion .ac-item .ac-title{ padding-right: 20px; line-height: normal; } /*-----------------------------------------------------------------*/ /* BOOSTRAP - MODAL /*-----------------------------------------------------------------*/ /* BOOSTRAP - 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-one) !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: 18px; } /* 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; } /*-----------------------------------------------------------------*/ /* BOOTSTRA GROW /*-----------------------------------------------------------------*/ /* 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 */ 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%; } /*-----------------------------------------------------------------*/ /* 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; white-space: normal; } /* 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; } /*-----------------------------------------------------------------*/ /* BX SLIDER /*-----------------------------------------------------------------*/ /* BX SLIDER */ .bx-wrapper{ border: none !important; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ text-align: center !important; width: 100% !important; } .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{ bottom: 60px !important; } /*-----------------------------------------------------------------*/ /* ADDTHIS /*-----------------------------------------------------------------*/ /* ADDTHIS */ .at-style-responsive .at-share-btn{ padding: 1px !important; } /*-----------------------------------------------------------------*/ /* GOOGLE - CAPTCHA /*-----------------------------------------------------------------*/ /* GOOGLE - CAPTCHA - ALINHAMENTO AO CENTRO */ .g-recaptcha.gr-center > div{ margin: 0 auto; } .g-recaptcha.gr-right{ display: flex; justify-content: right; } /*-----------------------------------------------------------------*/ /* GOOGLE TRANSLATE /*-----------------------------------------------------------------*/ /* O $.getScript do Google Translate adiciona um margin-top de 40px */ body{ top: 0 !important; } /* Google adiciona font dentro do texto traduzido, em botões ele buga com botões de icone */ .btn font{ margin-left: 3px !important; vertical-align: unset !important; } #google_translate_element { display: none !important; } #goog-gt-tt{ display: none !important; } .skiptranslate{ display: none !important; } .goog-te-banner-frame { display: none !important; } /*-----------------------------------------------------------------*/ /* MATERIAL FLOATING BUTTON /*-----------------------------------------------------------------*/ /* MATERIAL FLOATING BUTTON - CORES */ .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); } /* MATERIAL FLOATING BUTTON - MARGEM */ .mfb-component--bl, .mfb-component--br, .mfb-component--tl, .mfb-component--tr{ margin: 15px; } /*-----------------------------------------------------------------*/ /* WHATSAPP CHAT SUPORT /*-----------------------------------------------------------------*/ /* WHATSAPP CHAT SUPORT - ESTILOS */ .whatsapp_chat_support .wcs_button_circle{ width: 60px; height: 60px; } .wcs_button_circle .fa, .wcs_button_circle .fab, .wcs_button_circle .far, .wcs_button_circle .fas{ line-height: 60px; font-size: 30px; } .whatsapp_chat_support .wcs_button_label{ padding-top: 8px; padding-bottom: 8px; background: #26c281; } .whatsapp_chat_support .wcs_popup_person_name{ line-height: 16px; font-size: 13px; font-weight: 600; } .whatsapp_chat_support .wcs_popup_person_status{ padding-top: 2px; padding-bottom: 2px; line-height: 13px; } /* ###################################################################################################### 5 - (#MQR) MEDIA QUERIES ###################################################################################################### */ @media screen and (min-width: 1200px) { } @media screen and (max-width: 1200px) { /*===================================================================================*/ /* HEADER /*===================================================================================*/ /*-----------------------------------------------------------------*/ /* MENU /*-----------------------------------------------------------------*/ /* MENU - ESPAÇAMENTO*/ #mainMenu nav > ul > li > a{ padding: 10px 9px; letter-spacing: normal; } /*-----------------------------------------------------------------*/ /* BOTÃO ORÇAMENTO E TRANSLATE /*-----------------------------------------------------------------*/ #header .header-extras li:not(.d-li-dropdown) .btn{ padding: 12px 13px; } /*===================================================================================*/ /* EFEITOS GERAIS /*===================================================================================*/ .lead{ } /*===================================================================================*/ /* AREA - SLIDES /*===================================================================================*/ /* SLIDES - INSPIRO - TITULO E TEXTO */ .inspiro-slider .slide div.title{ font-size: 32px; line-height: 42px; margin-bottom: 15px; } } @media screen and (min-width: 1025px) { /*-----------------------------------------------------------------*/ /* PAGE - MENU /*-----------------------------------------------------------------*/ .page-menu.menu-rounded nav > ul > li:hover > a, .page-menu.menu-rounded nav > ul > li.active > a{ background-color: var(--theme-color-one); } } @media (min-width: 991px) and (max-width: 1200px){ /*===================================================================================*/ /* MODALIDADES DE ATENDIMENTO /*===================================================================================*/ .d-modalidade p{ line-height: 1.6; margin-bottom: 10px; } .d-modalidade .list-icon li{ margin-bottom: 3px; } /*===================================================================================*/ /* PAGINA INICIAL /*===================================================================================*/ /*-----------------------------------------------------------------*/ /* BLOCO - SOBRE /*-----------------------------------------------------------------*/ #doutor p{ font-size: 1.1em; } } @media screen and (max-width: 1024px) { /*===================================================================================*/ /* HEADER /*===================================================================================*/ /* HEADER - POSIÇÃO DE ELEMENTOS */ #header .header-extras{ position: absolute; right: 70px; } /* HEADER - POSIÇÃO DA LOGO */ #header #logo{ left: 30px; width: auto; } #header #logo > a img{ padding-bottom: 0;} /* HEADER - ICONES SOCIAIS */ #header .header-extras .social-icons{ } /*-----------------------------------------------------------------*/ /* BOTÃO TRANSLATE /*-----------------------------------------------------------------*/ #header .header-extras li.d-li-dropdown .p-dropdown-content{ min-width: 49px; max-width: 49px; } #header .header-extras li.d-li-dropdown .btn{ padding: 11px 13px; } #header .header-extras li.d-li-dropdown .p-dropdown-content li a i{ font-size: 16px; } #header .header-extras .p-dropdown .btn i{ vertical-align: text-bottom; } /*===================================================================================*/ /* MENU /*===================================================================================*/ /* MENU - ESPAÇAMENTO*/ #mainMenu nav > ul > li > a{ padding: 10px 6px !important; } /* MENU - ESPAÇAMENTO ESQUERDO */ .mainMenu-open #mainMenu:not(.menu-overlay) nav > ul > li > a{ padding-left: 0 !important; } /* MENU - ICONE MENU MOBILE ALTURA */ #mainMenu-trigger{ height: var(--theme-header-height) !important; } #mainMenu-trigger .lines{ top: 0; } /*===================================================================================*/ /* AREA - SLIDES /*===================================================================================*/ /* SLIDER - BOTÕES */ .inspiro-slider .flickity-button{ display: none; } /* SLIDES - INSPIRO - TITULO E TEXTO */ .inspiro-slider .slide div.title{ font-size: 26px; line-height: 36px; } /*===================================================================================*/ /* BLOCO - DESTINOS /*===================================================================================*/ #destinos .post-thumbnails .post-item:not(.quote) .post-item-description{ padding-bottom: 0; } /*-----------------------------------------------------------------*/ /* BLOCO - 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{ margin-bottom: 20px; } .post-thumbnails .post-item:not(.quote) .post-item-description{ padding-left: 0; } /*===================================================================================*/ /* EFEITOS GERAIS /*===================================================================================*/ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADINGS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .heading-text h1{ font-size: 34px; line-height: 42px; } .heading-text h2{ font-size: 30px; line-height: 38px; } .heading-text h3{ font-size: 26px; line-height: 34px; } .heading-text h4{ font-size: 22px; line-height: 30px; } } @media screen and (min-width: 991px) { } @media screen and (max-width: 991px) { /*===================================================================================*/ /* TOPBAR /*===================================================================================*/ #topbar{ display: none; } /*===================================================================================*/ /* MENU /*===================================================================================*/ /* MENU - ITENS */ #mainMenu:not(.menu-overlay) nav > ul > li > a{ padding-left: 0 !important; } /*-----------------------------------------------------------------*/ /* BOTÃO TRANSLATE /*-----------------------------------------------------------------*/ #header .header-extras li.d-li-dropdown .btn{ padding: 11px 13px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADINGS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .heading-text h1{ font-size: 30px; line-height: 38px; } .heading-text h2{ font-size: 26px; line-height: 34px; } .heading-text h3{ font-size: 22px; line-height: 30px; } .heading-text h4{ font-size: 18px; line-height: 26px; } /*===================================================================================*/ /* 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%; } } @media screen and (max-width: 768px) { /*===================================================================================*/ /* HEADER /*===================================================================================*/ #header{ position: relative !important; } /*===================================================================================*/ /* SLIDES /*===================================================================================*/ .inspiro-slider.slider-halfscreen{ height: 59vh; } /* SLIDES - TITULO */ .inspiro-slider .slide div.title{ font-size: 24px; line-height: 32px; } /*===================================================================================*/ /* PAGINA INICIAL /*===================================================================================*/ /* AREAS - ITENS */ #areas .icon-box{ height: auto; } /*===================================================================================*/ /* EFEITOS GERAIS /*===================================================================================*/ /*-----------------------------------------------------------------*/ /* SHAPE DIVIDER /*-----------------------------------------------------------------*/ .d-section-shape-divider-80{ padding-bottom: 80px; } .d-section-shape-divider-100{ padding-bottom: 100px; } } @media screen and (max-width: 767px) { /*-----------------------------------------------------------------*/ /* BLOCO - DESTINOS /*-----------------------------------------------------------------*/ #destinos .post-thumbnails .post-item:not(.quote) .post-item-description{ padding-top: 0 } } @media screen and (max-width: 576px) { /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADINGS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .heading-text h1{ font-size: 26px; line-height: 34px; } .heading-text h2{ font-size: 22px; line-height: 30px; } .heading-text h3{ font-size: 18px; line-height: 26px; } .heading-text h4{ font-size: 16px; line-height: 24px; } } @media screen and (max-width: 414px) { /*===================================================================================*/ /* HEADER /*===================================================================================*/ /* LOGO */ #header #logo > a img{ max-width: 300px; } /*===================================================================================*/ /* SLIDES /*===================================================================================*/ /* TITULO */ .inspiro-slider .slide div.title{ font-size: 20px; line-height: 28px; } .inspiro-slider .slide p{ font-size: 15px; } /*===================================================================================*/ /* PLUGINS /*===================================================================================*/ /*-----------------------------------------------------------------*/ /* JQUERY CONFIRM /*-----------------------------------------------------------------*/ .jconfirm .jc-bs3-container.container{ padding: 0 10px; } .jconfirm .form-group{ padding: 0; } /*-----------------------------------------------------------------*/ /* GOOGLE - CAPTCHA /*-----------------------------------------------------------------*/ /* RECAPTCHA - LARGURA DO BLOCO */ .d-div-recaptcha{ max-width: 331px; } } @media screen and (max-width: 390px) { /*===================================================================================*/ /* HEADER /*===================================================================================*/ /* LOGO */ #header #logo > a img{ max-width: 280px; } /*===================================================================================*/ /* EFEITOS GERAIS /*===================================================================================*/ /*-----------------------------------------------------------------*/ /* HEADING /*-----------------------------------------------------------------*/ } @media screen and (max-width: 375px) { /*===================================================================================*/ /* HEADER /*===================================================================================*/ /* LOGO */ #header #logo > a img{ max-width: 260px; } /*===================================================================================*/ /* SLIDES /*===================================================================================*/ /* SLIDER - BOTÃO DE SCROLL DOWN */ .inspiro-slider .container{ padding: 0 15px !important; } .inspiro-slider .scrolldown-animation{ display: none; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADINGS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .heading-text h1{ font-size: 24px; line-height: 32px; } .heading-text h2{ font-size: 20px; line-height: 28px; } .heading-text h3{ font-size: 16px; line-height: 24px; } .heading-text h4{ font-size: 14px; line-height: 22px; } /*===================================================================================*/ /* PLUGINS /*===================================================================================*/ /*-----------------------------------------------------------------*/ /* JQUERY CONFIRM /*-----------------------------------------------------------------*/ .jconfirm .jconfirm-box{ padding: 15px 5px; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{ padding: 0 10px; } /*-----------------------------------------------------------------*/ /* WHATSAPP CHAT SUPPORT /*-----------------------------------------------------------------*/ .wcs_button_label{ display: none; } /*-----------------------------------------------------------------*/ /* 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) { /*===================================================================================*/ /* HEADER /*===================================================================================*/ /* LOGO */ #header #logo > a img{ max-width: 255px; } /*===================================================================================*/ /* SLIDES /*===================================================================================*/ /* SLIDER - BOTÃO DE SCROLL DOWN */ /*===================================================================================*/ /* PLUGINS /*===================================================================================*/ /*-----------------------------------------------------------------*/ /* WHATSAPP CHAT SUPPORT /*-----------------------------------------------------------------*/ .wcs_popup{ margin-bottom: 10px; } .wcs_popup_header_description{ margin-top: 5px;} .wcs_popup_header{ padding: 10px; } .wcs_popup_person_container{ padding: 10px; } /*-----------------------------------------------------------------*/ /* GOOGLE - CAPTCHA /*-----------------------------------------------------------------*/ /* RECAPTCHA - LARGURA DO BLOCO */ .d-div-recaptcha{ max-width: 280px; overflow: hidden; } /* RECAPTCHA - LARGURA DO ELEMENTO */ .g-recaptcha { -webkit-transform: scale(0.91); -moz-transform: scale(0.91); -ms-transform: scale(0.91); -o-transform: scale(0.91); transform: scale(0.91); -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) { /*===================================================================================*/ /* SLIDES /*===================================================================================*/ /* SLIDER - BOTÃO DE SCROLL DOWN */ /*===================================================================================*/ /* PLUGINS /*===================================================================================*/ /*-----------------------------------------------------------------*/ /* GOOGLE - CAPTCHA /*-----------------------------------------------------------------*/ /*===================================================================================*/ /* 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) { /*===================================================================================*/ /* HEADER /*===================================================================================*/ /* LOGO */ #header #logo > a img{ max-width: 210px; } }