/* Theme Name: AlphaBrand21 Author: Description: Custom theme for AlphaBrand21 Version: 0.0.1 */ /* @import url("https://use.typekit.net/lwo3clp.css"); * { font-family:"proxima-nova"; } */ /********************* ****** REST CSS******* * *********************/ *, *::before, *::after { box-sizing: border-box; /* 1 */ } html { font-family: sans-serif; /* 2 */ line-height: 1.15; /* 3 */ -webkit-text-size-adjust: 100%; /* 4 */ -ms-text-size-adjust: 100%; /* 4 */ -ms-overflow-style: scrollbar; /* 5 */ -webkit-tap-highlight-color: transparent; /* 6 */ } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { background:#FFFFFF; margin: 0; color: var(--e-global-color-text); text-align: left; /*background-color: #fafafa; disabled for fixed background image fix */ /* font-family: var(--e-global-typography-primary-font-family), Sans-serif; font-size: var(--e-global-typography-primary-font-size); font-weight: var(--e-global-typography-primary-font-weight); line-height: var(--e-global-typography-primary-line-height); */ } [tabindex="-1"]:focus { outline: none !important; } hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { /* 4 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; /* 2 */ text-decoration: underline dotted; /* 2 */ cursor: help; /* 3 */ border-bottom: 0; /* 1 */ } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; /* Undo browser default */ } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; /* Add the correct font style in Android 4.3- */ } b, strong { font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */ } small { font-size: 80%; /* Add the correct font size in all browsers */ } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { /* color: #007bff; */ text-decoration: none; background-color: transparent; /* Remove the gray background on active links in IE 10. */ -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+. */ } /* a:hover { color: #0056b3; text-decoration: underline; } */ pre, code, kbd, samp { font-family: monospace, monospace; /* Correct the inheritance and scaling of font size in all browsers. */ font-size: 1em; /* Correct the odd `em` font sizing in all browsers. */ } pre { /* Remove browser default top margin */ margin-top: 0; /* Reset browser default of `1em` to use `rem`s */ margin-bottom: 1rem; /* Don't allow content to break outside */ overflow: auto; /* We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to counteract. */ -ms-overflow-style: scrollbar; } figure { /* Apply a consistent margin strategy (matches our type styles). */ margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; /* Remove the border on images inside links in IE 10-. */ } svg:not(:root) { overflow: hidden; /* Hide the overflow in IE */ } a, area, button, [role="button"], input:not([type=range]), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; /* Prevent double borders */ } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; /* color: #868e96; */ text-align: left; caption-side: bottom; } th { /* Matches default `` alignment by inheriting from the ``, or the closest parent with a set `text-align`. */ text-align: inherit; } label { /* Allow labels to use `margin` for spacing. */ display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; /* Remove the margin in Firefox and Safari */ font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; /* Show the overflow in Edge */ } button, select { text-transform: none; /* Remove the inheritance of text transform in Firefox */ } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; /* Reset the default outline behavior of fieldsets so they don't affect page layout. */ padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; /* 1 */ padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; /* 2 */ white-space: normal; /* 1 */ } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } html { background: #e2e2e2; } body { max-width: 1920px; margin: 0 auto; } output { display: inline-block; } summary { display: list-item; } template { display: none; } /******************** ***** CUSTOM CSS **** *********************/ .brand-title h2 { position:relative; padding-left:95px; } .brand-title h2:before { position:absolute; content:""; left:0; bottom:6px; width:60px; height:2px; background:#D1C0A6; } .brand-title h2:after { position:absolute; content:""; left:60px; bottom:6px; width:20px; height:2px; background:#A71B28; } .brand-title-alt h2:before { width:80px; background:#D1C0A6; } .brand-title-alt h2:after { display:none; } .brand-title-white h2:before { background:#F3F0ED; } .elementor-flip-box__front { background-color:transparent !important; } .brand-blog-listing .e-loop-item:nth-child(3n) { margin-top:-80px; } .brand-blog-listing .e-loop-item:nth-child(3) { margin:0; } .brand-blog-listing .e-loop-item:nth-child(3n) img { width:100% !important; height:280px !important; object-fit:cover; } .brand-key-points p { color: var(--e-global-color-primary); font-family: "Lato", Sans-serif; font-size: 18px; font-weight: 400; line-height: 1.5em; } .brand-key-points ul { counter-reset: section; list-style-type: none; } .brand-key-points ul li { margin-bottom:10px !important; } .brand-key-points ul li::before { counter-increment: section; content: "0" counter(section) " |"; margin-right: 5px; font-size: 20px; font-weight: 400; font-family: "Lato", Sans-serif; display: inline-block; width: 60px; line-height: 1; top: 2px; position: relative; } .brand-key-points .brand-list-col2 ul { counter-reset: section +3; } .brand-blog-content blockquote { color: var(--e-global-color-4e9a862); font-family: var(--e-global-typography-3c91486-font-family), Sans-serif; font-size: var(--e-global-typography-3c91486-font-size); font-weight: var(--e-global-typography-3c91486-font-weight); line-height: var(--e-global-typography-3c91486-line-height); padding:40px; border-top:1px solid #DDD5CA; border-bottom:1px solid #DDD5CA; margin:20px 0; } .brand-blog-content blockquote p { margin:0; } .brand-blog-content figure { margin:20px 0; } .brand-rollover { transition: .5s ease; } .brand-rollover .brand-rollover-image { opacity:1; transition: .5s ease; } .brand-rollover:hover .brand-rollover-image { /* display:none */ opacity:0; } .brand-rollover:hover .brand-rollover-content { /* display:block; */ opacity:1; cursor:pointer; } .brand-rollover-image { } .brand-rollover-content { /* display:none; */ opacity:0; transition: .5s ease; } @media only screen and (max-width:1200px) { .brand-key-points ul li::before { width:90px; } } @media only screen and (max-width:768px) { .brand-key-points ul li::before { width:120px; } }