/* 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: #4CA13D; --theme-color-two: #105594; --theme-color-three: #FBD033; --theme-color-one-rgb: 0, 74, 173; --theme-color-two-rgb: 91, 167, 60; --theme-color-three-rgb: 91, 167, 60; /* Tem que ser nesse formato de cor pois o header usa rgba */ --theme-header-color: 255, 255, 255; --theme-header-social-icons-color: #4B505C; --theme-header-opacity: 100; --theme-header-height: 80px; --theme-menu-font-color: #4B505C; --theme-menu-font-color-hover: #4B505C; --theme-menu-icon-color: #4B505C; --theme-footer-color: #FFFFFF; --theme-color-font-one: #242424; --theme-color-font-two: #AB8054; } /* ============================================================================================= (BAG) BACKGROUND ============================================================================================= */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BACKGROUND +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .bg-none{ background-color: transparent !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 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* -------------------------------------------------------------------------- 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-4{ font-size: 1.4em !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FONT COLOR +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .fc-white{ color: #fff !important; } .fc-black{ color: #000 !important;} .fc-light{ color:#9896a6 !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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DISPLAY +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++- */ .ds-block{ display: block !important; } .ds-inblock{ display: inline-block; } .ds-inline{ display: inline; } .ds-inflex{ display: inline-flex; } .ds-none{ display: none; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ WHITE SPACE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .ws-nowrap{ white-space: nowrap; } .ws-normal{ white-space: normal; } .ws-pre{ white-space: pre; } /* ============================================================================================= MOUSE AND EVENTS ============================================================================================= */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HOVER STYLES +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .hover-decoration-underline:hover{ text-decoration: underline; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ POINTER EVENTS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .pe-none{ pointer-events: none; } .pe-auto{ pointer-events: auto; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* ============================================================================================= BUTTONS ============================================================================================= */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BOTÕES +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .btn-theme-one{ background-color: var(--theme-color-one) !important; color: #fff !important; } .btn-theme-two{ background-color: var(--theme-color-two) !important; color: #fff !important; } .btn-theme-three{ background-color: var(--theme-color-three) !important; color: #fff !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ OTHERS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .last{ margin-right: 0 !important; } .clear{ clear: both; } .no-resize{ resize:none !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TEXT 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); } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* ============================================================================================= BORDAS ============================================================================================= */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BORDER COLOR +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .border-theme-one{ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* ============================================================================================= SPACEMENTS ============================================================================================= */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEIGHT +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .hg-auto{ height: auto !important; } .hg-100{ height: 100% !important; } /* ------------------------------------------------------------------------------------- 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MAX WIDTH +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .wd-max-100{ max-width: 100% !important; } .wd-max-content{ max-width: max-content; } /* ###################################################################################################### 2 - (#DBG) DEBUG - ESTILIZAÇÕES DO PROJETO ###################################################################################################### */ /* ============================================================================================= AREA - TOPBAR ============================================================================================= */ #topbar{ background-color: var(--theme-color-two) !important; } #topbar .container-fluid{ padding: 0 30px !important; } #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 - REDES SOCIAIS */ #header .social-icons{ display: flex; align-items: center; height: var(--theme-header-height); line-height: var(--theme-header-height); } #header .social-icons a{ background-color: var(--theme-header-social-icons-color); margin: 0 5px 0 0 !important; border: 0; } #header .social-icons a i{ color: #fff; } #header .social-icons a:hover{ } #header .social-icons a:hover i{ } /* 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-two); -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; } /* ============================================================================================= 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{ color: var(--theme-menu-font-color) !important; } /* 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 - BOTÕES */ .flickity-button{ background-color: var(--theme-color-three) !important; } .flickity-button:before{ color: #fff !important; } /* SLIDES - INSPIRO - ALTURA MD */ .inspiro-slider.slider-halfscreen{ } /* ============================================================================================= 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 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #sobre .lead{ font-size: 1.20rem; line-height: 1.6; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BLOCO - SERVICOS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .d-info-image { font-size: 13px; padding: 2px 16px; position: absolute; top: 10px; right: 10px; z-index: 2; /* Deve ser maior que o z-index do elemento centralizado */ } .d-info-image a{ color: #ffffff !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BLOCO - CONTATO +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* CONTATO - BOTÃO ENVIAR */ #contato h2{margin-bottom: 35px; } /* CONTATO - BOTÃO ENVIAR */ #contato .btn-light i{ color: #000 !important; } /* NAP - ITENS DA LISTA */ #contato ul:not(.social-icons) li{ display: flex; align-items: center; margin-bottom: 10px; margin-right: 10px; } /*#contato .d-iframe-doctoralia iframe{ width: 100% !important; } #contato .d-iframe-doctoralia iframe .certificate-widget { max-width: 100% !important; width: 100% !important; }*/ /* ============================================================================================= PAGINA SERVIÇO/DEPARTAMENTO ============================================================================================= */ .single-post .heading-text h3{ font-size: 22px; line-height: 30px; } /* ============================================================================================= PAGINA POST ============================================================================================= */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TITULOS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .single-post .post-item .heading-text{ margin-top: 35px; margin-bottom: 35px; } .single-post .post-item h1{ font-size: 28px; line-height: 36px; font-weight: 600; text-transform: uppercase; color: var(--theme-color-one) !important; } .single-post .post-item h2 a{ color: var(--theme-color-one) !important; } .single-post .post-item .heading-text h1{ font-size: 28px; line-height: 36px; font-weight: 600; text-transform: uppercase; color: var(--theme-color-one) !important; } .single-post .post-item .heading-text h2{ font-size: 24px; line-height: 32px; font-weight: 600; text-transform: uppercase; color: var(--theme-color-one) !important; } .single-post .post-item .heading-text h3{ font-size: 20px; line-height: 28px; font-weight: 600; text-transform: uppercase; color: var(--theme-color-one) !important; } .single-post .post-item .heading-text h4{ font-size: 16px; line-height: 24px; font-weight: 600; text-transform: uppercase; color: var(--theme-color-one) !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LISTAS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .single-post .post-item li{ } .single-post .post-item ol li{ margin-left: 12px; font-size: 15px; } .single-post .post-item ul:not(.grid) li{ margin-left: 17px; font-size: 15px; } .single-post .post-item ul.list-icon li{ margin-left: 22px; font-size: 15px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ GRID +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ###################################################################################################### 3. EFEITOS GERAIS ###################################################################################################### */ #home { color: #666666; } /*===================================================================================*/ /* HOVER /*===================================================================================*/ /* HOVER GERAL */ a:not(.btn):not(.badge):active, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):hover{ color: var(--theme-color-one); } /* HOVER GERAL */ .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, button.btn:focus, button.btn:hover, button.btn:not(:disabled):not(.disabled).active, button.btn:not(:disabled):not(.disabled):active{ background-color: var(--theme-color-one); border-color: var(--theme-color-one); } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BLOCKQOUTE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .blockquote{ border-left: 3px solid var(--theme-color-two); } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ IFRAME +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .iframe-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CARD +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .card .card-header{ padding: 1.1rem 1.1rem; background-color: var(--theme-color-one); } .card .card-header h1, .card .card-header h2{ font-size: 24px; line-height: 32px; color: #fff !important; } .card .card-header i{ margin-right: 5px; } .card .card-body{ padding: 1.1rem 1.1rem; } .card .card-body .list-group p{ max-width: 90%; } .card .card-body .list-group .list-group-item{ padding: .95rem .95rem; } .card .card-body .list-group .list-group-item.active a{ color: #fff; } .card .card-footer{ padding: 1.1rem 1.1rem; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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 */ .sidebar .widget .tabs .nav-tabs .nav-item{ margin-bottom: -1px !important; } /* SIDEBAR - POSTS */ .sidebar .widget .post-thumbnail-list .post-thumbnail-entry > img{ width: 64px; height: 64px;} .sidebar .widget .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a{ line-height: normal; font-size: 12px; margin-top: 0; } .sidebar .widget .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a:hover{ color: var(--theme-color-one); } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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 13 */ .bg-overlay[data-style="13"] { background: linear-gradient(180deg, var(--theme-color-two) 0%, var(--theme-color-two) 100%); } /* OVERLAY ESTILO 14 */ .bg-overlay[data-style="14"] { background: rgb(121, 31, 19); opacity: .8; } /* OVERLAY ESTILO 15 */ .bg-overlay[data-style="15"]{ background: linear-gradient(to bottom, rgba(0, 74, 173, .89) 0, rgba(0, 74, 173,.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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* ----------------------------------------------------------------------------- POSTS - BADGES ----------------------------------------------------------------------------- */ .post-item .post-image .post-meta-category, .post-item .post-slider .post-meta-category, .post-item .post-video .post-meta-category, .post-item .post-audio .post-meta-category, .post-item .post-quote-img .post-meta-category{ background-color: var(--theme-color-one) !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: 10px; 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); } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADING +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* HEADING - MARGEM INFERIOR */ .heading-text{ margin-bottom: 30px; } /* HEADING - TITULOS */ .heading-text h1{ font-size: 36px; line-height: 44px; font-weight: 600; text-transform: uppercase; } .heading-text h2{ font-size: 32px; line-height: 40px; font-weight: 600; text-transform: uppercase; } .heading-text h3{ font-size: 28px; line-height: 36px; font-weight: 600; text-transform: uppercase; } .heading-text h4{ font-size: 24px; line-height: 32px; font-weight: 600; text-transform: uppercase; } /* HEADING - ESPAÇAMENGO INFERIOR DOS TITULOS */ .heading-text h1, .heading-text h2, .heading-text h3, .heading-text h4, .heading-text h5, .heading-text h6{ padding-bottom: 10px; } /* HEADING - IDENTIFICADOR DA PÁGINA */ .heading-text .identification{ font-size: 1.2em; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; } /* HEADING - BORDA INFERIOR DOS TITULOS */ .heading-text.heading-section > h1:before, .heading-text.heading-section > h2:before, .heading-text.heading-section > h3:before, .heading-text.heading-section > h4:before, .heading-text.heading-section > h5:before, .heading-text.heading-section > h6:before{ background-color: var(--theme-color-one) !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PARAGRAFO CLASSE()LEAD) +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* FORMATAÇÃO DA CLASSE LEAD PARA LISTAS*/ .lead-li{ font-size: 1.10rem !important; font-weight: 400; font-style: normal; text-transform: none; line-height: 1.7; letter-spacing: 0; color: #666666; } .lead{ font-size: 1.10rem !important; } p{ color: #666666; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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 ###################################################################################################### */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FILEINPUT +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .file-thumbnail-footer .file-caption-info{ color: #fff; } .file-thumbnail-footer .file-size-info{ color: #fff; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HTML5LIGHTBOX +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* HTML5LIGHTBOX - RETIRAR MARCA DA AGUAR */ #html5lightbox-watermark{ display: none !important; } /* HTML5LIGHTBOX - ALINHAMENTO */ .html5-title, .html5-description{ text-align: center !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ JQUERY UI +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* JQUERY UI - AUTOCOMPLETE */ .ui-autocomplete{ max-width: 1110px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BOOTSTRAP - POPOVER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* BOOSTRAP - ALINHAMENTO */ .popover{ text-align: center; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BOOTSTRAP - ACCORDION +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* BOOSTRAP - ACCORDION */ .accordion .ac-item{ } .accordion .ac-item h5{ } .accordion .ac-item p{ } .accordion .ac-item li{ } .accordion .ac-item .ac-title{ padding-right: 20px; line-height: normal; } .accordion .ac-item .ac-title:before{ color: var(--theme-color-one) !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BOOTSTRAP - MODAL STRIP +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* BOOSTRAP - STRIP */ .modal-strip{ padding: 15px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BOOTSTRAP - MODAL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* MODAL - BUG - ESPAÇAMENTO DIREITO */ body.modal-open{ padding-right: 0 !important; } /* MODAL - BUG - BARRA DE ROLAGEM */ .modal-open .modal{ overflow-y: hidden; } .modal-dialog-scrollable .modal-body{ overflow-x: hidden; } /* MODAL - BOTÃO CLOSE */ .modal .close{ position: absolute; right: 15px; color: #fff; opacity: 1; } /* MODAL - HEADER (display: flex !important; padding: 1rem 1rem;) */ .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 .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; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BOOTSTRAP GROW +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .bootstrap-growl{ z-index: 999999999 !important; } .bootstrap-growl p{ color: #fff; padding-left: 0; } .bootstrap-growl .close:hover{ color: #ddd !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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-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 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #st-1.st-animated { text-align: left !important; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ GOOGLE - CAPTCHA +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* GOOGLE - CAPTCHA - ALINHAMENTO AO CENTRO */ .g-recaptcha:not(.gr-left) > div{ margin: 0 auto; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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 (max-width: 1200px) { /* ============================================================================================= HEADER ============================================================================================= */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MENU +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* MENU - ESPAÇAMENTO DOS ITENS */ #mainMenu nav > ul > li > a{ letter-spacing: normal } /*-----------------------------------------------------------------*/ /* BOTÃO ORÇAMENTO E TRANSLATE /*-----------------------------------------------------------------*/ #header .header-extras li:not(.d-li-dropdown) .btn{ padding: 12px 16px; } /* ============================================================================================= AREA - SLIDES ============================================================================================= */ /* SLIDES - INSPIRO - TITULO E TEXTO */ .inspiro-slider .slide div.title{ font-size: 32px; line-height: 42px; margin-bottom: 15px; } /* ============================================================================================= EFEITOS GERAIS ============================================================================================= */ .lead{ } } @media (min-width: 991px) and (max-width: 1200px){ /*-----------------------------------------------------------------*/ /* BOTÃO ORÇAMENTO E TRANSLATE /*-----------------------------------------------------------------*/ #header .header-extras li:not(.d-li-dropdown) .btn{ display: none; } } @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{ display: none; } /*-----------------------------------------------------------------*/ /* 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 DOS ITENS */ #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; } /* ============================================================================================= SLIDER ============================================================================================= */ /* 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; } /* ============================================================================================= EFEITOS GERAIS ============================================================================================= */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADINGS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* HEADINGS - MARGEM INFERIOR */ .heading-text{ margin-bottom: 35px; } .heading-text h2, .heading-text h4 { margin-bottom: 25px; } /* HEADINGS - TAMANHO DA FONTE */ .heading-text h1{ font-size: 32px; line-height: 40px; } .heading-text h2{ font-size: 28px; line-height: 36px; } .heading-text h3{ font-size: 24px; line-height: 32px; } .heading-text h4{ font-size: 20px; line-height: 28px; } } @media screen and (min-width: 991px) { } @media screen and (max-width: 991px) { /* ============================================================================================= TOP BAR ============================================================================================= */ #topbar{ display: none; } /* ============================================================================================= MENU ============================================================================================= */ /* MENU - ITENS */ #mainMenu:not(.menu-overlay) nav > ul > li > a{ padding-left: 0 !important; } /* ============================================================================================= SLIDES ============================================================================================= */ /* SLIDES - BOTÕES */ .inspiro-slider .flickity-button{ display: none; } /* ============================================================================================= EFEITOS GERAIS ============================================================================================= */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADINGS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* HEADINGS - TAMANHO DA FONTE */ .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; } } @media screen and (max-width: 768px) { /* ============================================================================================= HEADER ============================================================================================= */ #header{ position: relative !important; } /* ============================================================================================= SLIDES ============================================================================================= */ /* SLIDES - LARGURA DO CONTAINER */ .inspiro-slider .container{ padding-left: 15px; padding-right: 15px; } /* SLIDES - PARAGRAFO */ .inspiro-slider .container p:nth-child(3){ margin-bottom: 0 !important; } /* SLIDES - SCROLL */ .inspiro-slider .scroll-to{ display: none; } /* ============================================================================================= PAGINA INICIAL ============================================================================================= */ /* ============================================================================================= EFEITOS GERAIS ============================================================================================= */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SHAPE DIVIDER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .d-section-shape-divider-80{ padding-bottom: 80px; } .d-section-shape-divider-100{ padding-bottom: 100px; } } @media (max-width: 767px){ .lead{ font-size: 1.25rem; line-height: 1.7; } } @media screen and (max-width: 576px) { /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADINGS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* HEADINGS - TAMANHO DA FONTE */ .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 ============================================================================================= */ #header .header-extras{ right: 55px; } #header[data-fullwidth="true"] .header-inner .container, #header[data-fullwidth="true"] #header-wrap .container{ max-width: 100%; padding: 0 20px; } /* HEADER - LOGO */ #header #logo > a img{ max-width: 230px; height: auto; } /* ============================================================================================= SLIDES ============================================================================================= */ .inspiro-slider .slide p{ font-size: 16px; font-weight: 400; } /* ============================================================================================= 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: 220px; } } @media screen and (max-width: 375px) { /* ============================================================================================= HEADER ============================================================================================= */ /* LOGO */ #header #logo > a img{ max-width: 210px; } /* ============================================================================================= SLIDES ============================================================================================= */ /* SLIDER - BOTÃO DE SCROLL DOWN */ .inspiro-slider .scrolldown-animation{ display: none; } /* SLIDER - PARAGRAFO */ .inspiro-slider .slide p{ font-size: 15px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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: 200px; } /* ============================================================================================= 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) { /* ============================================================================================= HEADER ============================================================================================= */ /* LOGO */ #header #logo > a img{ max-width: 170px; } /* ============================================================================================= 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{ } }