/* File Name: custon.css Version: 1.0 Author: Saulo Dev Author URI: [Table of contents] 1 - (#HLP) HELPERS 1.1 - (#VRV) VÁRIAVEIS 1.2 - (#BGC) BACKGROUND-COLOR 1.3 - (#FTT) FONTS | TEXT 1.3.1 - (#FWT) Font Weight 1.3.2 - (#FSZ) Font Size 1.3.3 - (#FCL) Font Color 1.3.4 - (#TTR) Text Transform 1.3.5 - (#TTD) Text Decoration 1.4 - (#ALN) ALIGN 1.4.1 - (#TAG) Text Align 1.4.2 - (#TAL) Text Align Last 1.4.3 - (#LHG) Line Height 1.5 - (#PAL) POSITION AND ALIGN 1.5.1 - (#PST) Position 1.5.2 - (#FLT) Float 1.5.3 - (#DSP) Display 1.5.4 - (#VAG) Vertical Align 1.5.5 - (#WSP) White Space 1.6 - (#MEV) MOUSE AND EVENTS 1.6.1 - (#HCL) Hover Color 1.6.2 - (#HST) Hover Styles 1.6.3 - (#PEV) Pointer Events 1.6.4 - (#CPT) Cursor Pointer 1.7 - (#BTT) BUTTONS 1.8 - (#OTH) OTHERS 1.8.1 - (#PGT) Pagination 1.8.2 - (#TGG) Trigger 1.8.3 - (#BDR) Border Radius 1.8.4 - (#SHD) Shadow 1.8.5 - (#OPC) Opacity 1.8.6 - (#VAR) Various 1.9 - (#BOD) BORDAS 1.9.1 - (#BCO) Border Color 1.9.2 - (#BST) Border Style 1.9.3 - (#BSZ) Border Size 1.9.4 - (#BTP) Border Top 1.9.5 - (#BBT) Border Bottom 1.9.6 - (#BBL) Border Left 1.9.7 - (#BBR) Border Right 1.10 - (#SPM) SPACEMENTS 1.10.1 - (#MGN) Margin 1.10.2 - (#MGT) Margin Top 1.10.3 - (#MGB) Margin Bottom 1.10.4 - (#MGL) Margin Left 1.10.5 - (#MGR) Margin Right 1.10.6 - (#PDD) Padding 1.10.7 - (#PDT) Padding Top 1.10.8 - (#PDB) Padding Bottom 1.10.9 - (#PDL) Padding Left 1.10.10 - (#PDR) Padding Right 1.10.11 - (#HGT) Height 1.10.12 - (#WDT) Width 2 - (#HLP) DEBUG 3 - (#PLG) PLUGINS 4 - (#EFC) EFFECTS 5 - (#MQR) MEDIA QUERIES /*-----------------------------------------------------------------*/ /* 1. (#HLP) Helpers /*-----------------------------------------------------------------*/ /********** 1.1 - (#VRV) VÁRIAVEIS **********/ :root { --theme-color: #1E64A8; /* 30, 100, 168 */ --theme-color-variation: #E62E25; /* 230, 46, 37 */ --theme-color-extra: #FFFFFF; --theme-color-rgb: 30, 100, 168; --theme-color-variation-rgb: 230, 46, 37; /* 230, 46, 37 */ --theme-color-font: #777; } /********** 1.2 - (#BGC) BACKGROUND-COLOR **********/ /* Background */ .bg-none{ background-color: transparent !important; } .bg-white{ background-color: #fff; } .bg-theme{ background-color: var(--theme-color) !important; } .bg-theme-variation{ background-color: var(--theme-color-variation) !important; } .bg-theme-extra{ background-color: var(--theme-color-extra) !important; } .bg-theme-extra-variation{ background-color: var(--theme-color-extra-variation) !important; } /* BACKGROUND RGBA */ .bg-theme-rgba{ background-color: rgba(var(--theme-color-rgb), 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 ATTACHEMENT */ .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; } /********** 1.3 - (#FTT) FONTS | TEXT **********/ /* 1.3.1 - (#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; } /* 1.3.2 - (#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{ color: var(--theme-color-font) !important; } .fc-theme{ color: var(--theme-color) !important; } .fc-theme-variation{ color: var(--theme-color-variation) !important; } .fc-theme-extra{ color: var(--theme-color-extra) !important; } .fs-normal{ font-style: normal; } /* 1.3.4 - (#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; } /* 1.3.5 - (#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.3 - (#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.5 - (#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; } .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; } /* 1.5.5 - (#WSP) White Space */ .ws-nowrap{ white-space: nowrap; } .ws-normal{ white-space: normal; } .ws-pre{ white-space: pre; } /********** 1.6 - (#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:hover{ color: var(--theme-color) !important; } .hover-color-theme-variation:hover{ color: var(--theme-color-variation) !important; } .hover-color-theme-extra:hover{ color: var(--theme-color-extra) !important; } .hover-border-theme:hover{ border-color: var(--theme-color) !important; } .hover-border-theme-variation:hover{ border-color: var(--theme-color-variation) !important; } .hover-background-theme:hover{ background-color: var(--theme-color) !important; } .hover-background-white:hover{ background-color: #fff !important; } .hover-background-theme-variation:hover{ background-color: var(--theme-color-variation) !important; } .hover-background-theme-extra:hover{ background-color: var(--theme-color-extra) !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; } /********** 1.7 - (#BTT) BUTTONS **********/ /* Botões */ .btn-theme{ background-color: var(--theme-color) !important; color: #fff !important; } .btn-theme-variation{ background-color: var(--theme-color-variation) !important; color: #fff !important; } /********** 1.8 - (#OTH) OTHERS **********/ /* 1.8.1 - (#PGT) Pagination */ .paginator{ float: left; width: 100%; text-align: center; } .paginator li{ display: inline-block; margin: 0 20px; font-size: 1.1em; } .paginator a {color: #fff; } .paginator a:hover{ text-decoration: underline; } /* 1.8.2 - (#TGG) Trigger */ .trigger{ float: left; width: 100%; padding: 25px; font-size: 1.2em; margin-bottom: 30px; } .trigger-bottom{margin: 30px 0 0 0;} .trigger-accept{ background-color: #accc9a; color: #6b7f60; } .trigger-infor{ background-color: #9ab7cc; color: #60727f; } .trigger-alert{ background-color: #c6b247; color: #776b2b; } .trigger-error{ background-color: #e69f9f; color: #996a6a; } /* 1.8.3 - (#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;} /* 1.8.4 - (#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); } .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.5 - (#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.6 - (#VAR) Various */ .last{ margin-right: 0 !important; } .clear{ clear: both; } .no-resize{ resize:none !important; } /********** 1.9 - (#BOD) BORDAS **********/ /* 1.9.1 - (#BCO) Border Color */ .border-theme{ border-color: var(--theme-color) !important; } .border-theme-variation{ border-color: var(--theme-color-variation) !important; } .border-theme-extra{ border-color: var(--theme-color-extra) !important; } .border-theme-extra-variation{ border-color: var(--theme-color-extra-variation) !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; } .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; } /********** 1.10 - (#SPM) SPACEMENTS **********/ /* 1.10.1 - (#MGN) Margin */ .m-0{ margin: 0 !important; } .m-auto{ margin: 0 auto !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-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: 25px !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: 25px !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: 25px !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-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: 25px !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: 25px !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: 25px !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: 25px !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: 25px !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 - (#WDT) Max Width */ .wd-max-100{ max-width: 100% !important; } /*-----------------------------------------------------------------*/ /* 2. (#HLP) DEBUG /*-----------------------------------------------------------------*/ /* ========== HEADER ========== */ header{ height: 100px !important; line-height: 100px !important; } header .header-inner{ height: 100px !important; } /*.mainMenu-open #header > .container{ background-color: rgb(255, 255, 255) !important; } #header[data-transparent=true]:not(.header-sticky) .header-inner{ background-color: rgba(255, 255, 255, 0.75) !important; } #header[data-transparent=true].header-sticky .header-inner{ background-color: rgb(255, 255, 255) !important; } #header[data-transparent=true]+#google-map, #header[data-transparent=true]+#slider, #header[data-transparent=true]+.fullscreen, #header[data-transparent=true]+.halfscreen, #header[data-transparent=true]+.inspiro-slider{ top: -100px; margin-bottom: -100px; }*/ /* LOGO */ header #logo span:before, header #logo span:after{ display: none !important; } /* ========== MENU ========== */ .d-page-index header{ } header #mainMenu ul li a:hover{ color: var(--theme-color-variation) !important; } header #mainMenu ul li.dropdown .dropdown-menu:hover{ color: var(--theme-color-variation) !important; } 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-color-variation) !important; } /* Menu Open - Overflow*/ .mainMenu-open #header #mainMenu{ overflow-y: hidden; } /* ========== SLIDES ========== */ /* BOTÕES SLIDES */ .flickity-button:hover{ background-color: var(--theme-color) !important; } /* ========== FOOTER ========== */ /* PARTE INFERIOR DO FOOTER*/ #footer{ background-color: var(--theme-colo-variation) !important; } #footer .copyright-content{ background-color: var(--theme-color) !important; } /* ========== PAGINA INICIAL ========== */ .shop .product .product-overlay a{ background-color: rgba(0, 0, 0, 0.7); } /* ========== PRODUTOS ========== */ /* PRODUTOS */ .shop .product{ border: 1px solid #d9d9d9; margin-bottom: 30px; } .shop .product .product-title a{ color: #fff; } .shop .product .product-description{ background-color: #000; } .shop .product .product-description .product-category{ opacity: 0.9 !important;} .product .product-new{ background-color: rgba(14, 98, 113, 0.5) !important; } .product .product-hot, .product .product-new, .product .product-out-stock, .product .product-sale{ width: auto; padding: 0 8px; } .pagination .active a{ background-color: var(--theme-color) !important; color: #fff !important; } .pagination li a:hover{ background-color: var(--theme-color) !important; color: #fff !important; } /* ========== EFEITOS GERAIS ========== */ /* PARALLAX */ .parallax-container { background-attachment: fixed !important; } .halfscreen .container, .halfscreen .container-wide{ margin-top: 0; } /* OVERLAY */ .bg-overlay[data-style="10"]{ background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.49) 100%); } /* SIDEBAR - TABS */ .sidebar .tabs .nav-link.active{ color: var(--theme-color); border-bottom: 2px solid var(--theme-color); } .sidebar .tabs .nav-link:hover{ color: var(--theme-color); } .sidebar .tabs .tab-content .post-thumbnail-content a:hover{ color: var(--theme-color); } .sidebar .tabs .tab-content .post-date { color: #666; } /* TABS */ .tabs .nav-item .nav-link.active{ color: var(--theme-color); border-bottom: 2px solid var(--theme-color); } .tabs .nav-item .nav-link:hover{ color: var(--theme-color); } /* SLIDES */ .inspiro-slider .flickity-button{ width: 48px; height: 48px; line-height: 48px; } .inspiro-slider .flickity-button::before{ line-height: 48px; } /* DOTS MENU */ .breakpoint-sm #dotsMenu, .breakpoint-xs #dotsMenu{ display: none !important; } #dotsMenu:before{ background: rgba(24,99,132, .7); } #dotsMenu ul li.current{ background-color: var(--theme-color-extra); } #dotsMenu ul li:hover{ background-color: var(--theme-color-extra); } #dotsMenu ul li a span{ background: rgba(24,99,132, .7); } /* CAIXAS */ .text-box:hover{ background-color: var(--theme-color) !important; } .text-box:hover h3{ color: #fff !important; } .text-box:hover i{ color: #fff !important; } /* PAGINAÇÃO */ .pagination .active a{ background-color: var(--theme-color) !important; color: #fff !important; } .pagination li a i{ color: var(--theme-color-font) !important; } .pagination li a:hover{ background-color: var(--theme-color) !important; color: #fff !important; } .pagination li a:hover i{ color: #fff !important; } /* PAGE-MENU */ .breakpoint-xl .page-menu.menu-solid ul li.dropdown:hover > a{ color: #fff !important; } .breakpoint-lg .page-menu.menu-solid ul li.dropdown:hover > a{ color: #fff !important; } .breakpoint-xl .page-menu.menu-solid ul li.dropdown:hover::before{ color: #fff !important; } .breakpoint-lg .page-menu.menu-solid ul li.dropdown:hover::before{ color: #fff !important; } .breakpoint-xl .page-menu.menu-solid ul li.dropdown:hover > a{ background-color: var(--theme-color-variation) !important; } .breakpoint-lg .page-menu.menu-solid ul li.dropdown:hover > a{ background-color: var(--theme-color-variation) !important; } .breakpoint-xl .page-menu.menu-solid ul li.dropdown.active > a{ background-color: var(--theme-color-variation) !important; color: #fff !important; } .breakpoint-lg .page-menu.menu-solid ul li.dropdown.active > a{ background-color: var(--theme-color-variation) !important; color: #fff !important; } .breakpoint-xl .page-menu.menu-solid ul li.dropdown:before{ color: #fff !important; } .breakpoint-lg .page-menu.menu-solid ul li.dropdown:before{ color: #fff !important; } .breakpoint-md .page-menu.menu-solid ul li.dropdown.active > a{ background-color: var(--theme-color-variation); color: #fff !important; border-radius: 5px; padding: 6px 16px; } .breakpoint-sm .page-menu.menu-solid ul li.dropdown.active > a{ background-color: var(--theme-color-variation); color: #fff !important; border-radius: 5px; padding: 6px 16px; } .breakpoint-xs .page-menu.menu-solid ul li.dropdown.active > a{ background-color: var(--theme-color-variation); color: #fff !important; border-radius: 5px; padding: 6px 16px; } .breakpoint-md .page-menu.menu-solid ul li.dropdown:before{ color: #fff !important; line-height: 30px; } .breakpoint-sm .page-menu.menu-solid ul li.dropdown:before{ color: #fff !important; line-height: 30px; } .breakpoint-xs .page-menu.menu-solid ul li.dropdown:before{ color: #fff !important; line-height: 30px; } .page-menu.menu-solid .dropdown-menu li.active a{ color: var(--theme-color); text-decoration: underline; } /* NEWSLETTER - DEBUG BOTÃO */ .widget-newsletter .input-group button{ height: 100% !important; margin-bottom: 0 !important; } /* ALERTS*/ .alert h4, .alert p{ color: #fff; } /* DEPOIMENTOS - DEBUG ESPAÇAMENTO DOTS */ #depoimentos .flickity-page-dots{ bottom: 0; } /* DOTS FLICKITY */ .flickity-page-dots .dot{ width: 15px; height: 15px; box-shadow: inset 0 0 0 2px var(--theme-color-variation); } .flickity-page-dots .dot.is-selected:after{ background-color: var(--theme-color-variation); } /* PAGE-TITLE */ #page-title .breadcrumb li a:hover{ color: var(--theme-color) !important; } /* BORDA INFERIOR DOS TITULOS */ .heading-text.heading-section > h2:before{ background-color: var(--theme-color) !important; } /* ========== SUBSTITUIÇÃO DE ICONES NATIVOS INSPIRO POR FA ========== */ /* Breadcrumb */ .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; } /* 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; } /*-----------------------------------------------------------------*/ /* 3 - (#PLG) PLUGINS /*-----------------------------------------------------------------*/ /* HTML5 LIGHTBOX */ #html5-watermark{ display: none !important; } /* => retirna mensagem de plguin pro do lightbox */ .html5-title, .html5-description{ text-align: center !important; } div[data-notify="container"]{ width: 350px !important;} /* JQUERY UI AUTOCOMPLETE */ .ui-autocomplete{ max-width: 1110px; } /* pagina de validaç~so de certificado e declarações*/ /* BACK TO TOP */ #scrollTop{ background-color: var(--theme-color-variation) !important; color: #fff !important; } #scrollTop:after{ background-color: var(--theme-color-variation) !important; } #scrollTop:hover{ color: #fff !important; } /* TOOLTIP */ .tooltip{ z-index: 9999; } /* ACCORDION */ .accordion .ac-item .ac-title{ padding-right: 20px; } /* POPOVER */ .popover{ text-align: center; } /* JQUERY CONFIRM */ .jconfirm .jconfirm-box{ border-top: solid 7px var(--theme-color) !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) !important; } /* Jquery Confirm - Alinha o conteudo jquery confirm para o centro */ .jconfirm .jconfirm-box{ text-align: center; } .jconfirm .jconfirm-buttons{ text-align: center !important; float: none !important; } /* BX SLIDER*/ .bx-wrapper{ border: none !important; margin-bottom: 0; } .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; } /* CAPTCHA */ .g-recaptcha > 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; } /* BOOTSTRA GROWL */ .bootstrap-growl{ z-index: 999999999 !important; } .bootstrap-growl p{ color: #fff; padding-left: 0; } .bootstrap-growl .close:hover{ color: #ddd !important; } /* ADDTHIS */ .at-style-responsive .at-share-btn{ padding: 1px !important; } /* OVERLAY */ .bg-overlay[data-style="13"] { background: linear-gradient(180deg, var(--theme-color) 0, var(--theme-color-variation) 100%); opacity: 0.80; } /*-----------------------------------------------------------------*/ /* 4 - (#EFC) EFFECTS /*-----------------------------------------------------------------*/ /********** 4.1 - (#SHD) Shadows **********/ /* 4.1.1 - (#SDE) Shadow Default */ .effect-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:0 10px 10px -10px rgba(0,0,0,.5)} /* 4.1.2 - (#GSD) Grow Shadow */ .effect-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform;box-shadow:0 10px 10px -10px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)} /* 4.1.3 - (#GRW) Glow */ .effect-shadow-glow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:0 0 8px rgba(0,0,0,.6)} /*-----------------------------------------------------------------*/ /* 5 - (#MQR) MEDIA QUERIES /*-----------------------------------------------------------------*/ @media screen and (min-width: 1024px) { } @media screen and (max-width: 1200px) { } @media screen and (max-width: 991px) { } @media screen and (max-width: 768px) { /*===== Footer =====*/ /* Icones Redes Sociais */ #footer .social-icons{ display: flex; justify-content: center; } /* Contato e Telefone */ #footer .copyright-text span{ text-align: center; } } @media screen and (max-width: 768px) { } @media screen and (max-width: 360px) { .g-recaptcha{ -webkit-transform: scale(0.77); -moz-transform: scale(0.77); -ms-transform: scale(0.77); -o-transform: scale(0.77); transform: scale(0.77); -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } }