/* Theme Name: Global Point Technology Group Author: GruffyGoat Description:template Version: 0.0.1 */ /********************************* * 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 { margin: 0; /* 1 */ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #212529; text-align: left; /* 3 */ background-color: #fff; /* 2 */ } [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; } input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #FFFFFF !important; opacity: 1 !important; } input::-moz-placeholder { /* Firefox 19+ */ color: #FFFFFF !important; opacity: 1 !important; } input:-ms-input-placeholder { /* IE 10+ */ color: #FFFFFF !important; opacity: 1 !important; } input:-moz-placeholder { /* Firefox 18- */ color: #FFFFFF !important; opacity: 1 !important; } /************************* ** Custom Css ******* *************************/ /* button border animation styling */ .elementor-button-wrapper a{ position:relative; } .elementor-button-wrapper a:after { border: 0px solid #DAA900; transition: all .2s; content: ""; position: absolute; left: 50%; top: 0; border-radius: 25px; width: 0%; height: 100%; } .elementor-button-wrapper a:hover:after { border-width: 4px; width: 100%; left:0; } /* gradient background */ .gptg-gradient-background { background: transparent linear-gradient(180deg, #F7F6F0 0%, #EBE9E4 100%) 0% 0% no-repeat padding-box; } /* Line animation styling */ .gptg-line-animation .elementor-heading-title a{ padding: 0 0 5px; display: inline-block; font-family: "Poppins"; color: #003554; } .gptg-line-animation .elementor-heading-title a:after { font-size:12px; margin-left: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; transition: margin-left 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); } .gptg-line-animation .elementor-heading-title a:before { content: ''; position: absolute; width: 0%; height: 4px; bottom: 0; background: #DAA900; left: 0; transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); } .gptg-line-animation .elementor-heading-title a:hover{ color: #1F1E1C; } .gptg-line-animation .elementor-heading-title a:hover:before { width: 100%; } .gptg-line-animation .elementor-heading-title a:hover:after{ margin-left: 10px; } /* Line animation reverse styling - Privacy */ .position .elementor-heading-title a:after { transform: rotate(180deg); margin-left:10px; } .position .elementor-heading-title a:hover:after{ margin-left: 0 !important; } .position .elementor-heading-title a:after { position: absolute; left: 0; } .position .elementor-heading-title a{ padding: 0 0 5px 30px; display: inline-block; } .position .elementor-heading-title a:before { right: 0; left:auto !important; } /* header styling */ @media (min-width:767px){ .gptp-menuitem-mobile { display:none !important; } .gptp-header-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li a:nth-last-child(-n + 3) { margin-right:0 !important; } } /* bradcrumb styling */ .breadcrumb-container.theme1 ol { margin: 0; padding:0; display:flex ; flex-wrap:wrap; } .breadcrumb-container.theme1 ol li { display:flex ; align-items:center; } .breadcrumb-container.theme1 ol li a { margin-right:10px!important ; } .breadcrumb-container.theme1 ol li a:hover { text-decoration: underline; } .breadcrumb-container.theme1 ol li:not(:last-child) { margin-right:10px; } .breadcrumb-container.theme1 ol li a { color: #73726D; margin: 0; font-size:14px; padding: 0; font-family: 'Roboto'; } .breadcrumb-container.theme1 ol li:last-child a { color: #73726D; font-weight: 700; text-decoration: none !important; } .separator { text-indent: -9999px; display: inline-block; background-image: url("../right-chevron.html"); background-size: contain; width: 10px; height: 10px; background-repeat: no-repeat; } /* top banner heading styling */ .gpt-banner h1 { position: relative; display: inline; } .gpt-banner h1:after{ content: ""; width:100% ; height: 8px; background: #DAA900; position: absolute; display: block; bottom: -20px; } /* gptg-content */ .gptg-content a { color:#003554; font-weight:700; } .gptg-content p, .gptg-content li { font-size: 16px !important; line-height: 1.6em; } .gptg-content a:hover { text-decoration:underline; } .gptg-content ul { padding-left:30px ; } .gptg-content .wp-element-caption { background: transparent; } .gptg-content .wp-block-quote { background-color: #F7F7F7; padding: 15px; margin: 0 0 15px 0; } .gptg-content ul { margin:15px 0; } .gptg-content .wp-block-image { display: flex; flex-wrap: wrap; } .gptg-content figcaption { background: #f7f7f7; margin: 0; padding: 0; /* padding: 15px 15px 15px 0; margin:40px 0 0 ; */ } .gptg-content img { width: 100%; order: 2; } .gptg-content .wp-element-caption{ width: 100%; order: 1; } .gptg-content p + ul { margin-top: -10px; } .gptg-content p:last-child { margin-bottom: 0; } .gptg-content h2 { font-size: 28px; line-height:1.2em; color:#1F1E1C; font-weight: 700; font-family: "Poppins" !important; margin-bottom: 10px; } .gptg-content h3 { font-size: 25px; font-family: "Poppins" !important; color:#1F1E1C; line-height:1.2em; font-weight: 700; margin-bottom: 10px; } .gptg-content h4 { font-size: 22px; font-family: "Poppins" !important; line-height:1.2em; color:#1F1E1C; font-weight: 700; margin-bottom: 10px; } .gptg-content h5 { font-size: 18px; line-height:1.2em; font-family: "Poppins" !important; font-weight: 700; color:#1F1E1C; margin-bottom: 10px; } .gptg-content h6 { font-size: 22px; line-height:1.5em; font-weight: 400; color:#1F1E1C; margin-bottom: 30px; } .gptg-content .wp-block-code { background: #fafafa ; border:1px solid #eeeeee; padding: 20px; } .gptg-content p + h2, .gptg-content p + h3, .gptg-content p + h4, .gptg-content p + h5, .gptg-content p + h6, .gptg-content ul + h2, .gptg-content ul + h3, .gptg-content ul + h4, .gptg-content ul + h5, .gptg-content ul + h6 { margin-top: 30px; } /* full width section */ .full-width-section { min-height: 500px; } .wp-block-columns { margin: 30px 0; } @media (max-width:1024px) { .full-width-section { min-height: 450px; } } @media (max-width:767px) { .full-width-section .elementor-widget-wrap { background-image:none !important; } .full-width-section { min-height: inherit !important ; } } /* Homepage CTA Box */ .gptg-cta-box .elementor-cta__bg-overlay { background: url('../png/image-transparent.png'); background-size: cover; opacity: 1; transition: 0.2s all; } .gptg-cta-box .elementor-cta__bg { transition: all .2s; } .gptg-cta-box .elementor-cta__content:after { border: 0px solid #DAA900; transition: all .2s; content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 0%; } .gptg-cta-box .elementor-cta__title { min-height: 105px; } .gptg-cta-box .elementor-cta__description { min-height: 120px; } .gptg-cta-box .elementor-cta__button { padding: 0; padding: 0 0 5px; display: inline-block; position: relative; z-index: 4; } .gptg-cta-box .elementor-cta__button:after { font-size:12px; margin-left: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; transition: margin-left 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); } .gptg-cta-box .elementor-cta__button:before { content: ''; position: absolute; width: 0%; height: 4px; bottom: 0; background: #DAA900; left: 0; transition: width 0.2s cubic-bezier(0.22, 0.61, 0.36, 1); } .gptg-cta-box:hover .elementor-cta__bg { transform: scale(1.25); } .gptg-cta-box:hover .elementor-cta__bg-overlay { opacity: 0; } .gptg-cta-box:hover .elementor-cta__content { border-color: #DAA900; } .gptg-cta-box:hover .elementor-cta__content:after { border-width: 7px; width: 100%; height: 100%; } .gptg-cta-box:hover .elementor-cta__button:before { width: 100%; } .gptg-cta-box:hover .elementor-cta__button:after{ margin-left: 10px; } /* Product Page CTA Box */ .gptg-cta-box.gptg-cta-box-v2 { height: 400px; } .gptg-cta-box.gptg-cta-box-v2 .elementor-cta__bg-wrapper { transition: 0.2s all; height: 200px; } .gptg-cta-box.gptg-cta-box-v2 .elementor-cta__description { transition: 0.2s all; } .gptg-cta-box.gptg-cta-box-v2 .elementor-cta__content { height: 100%; transition: 0.2s all; } .gptg-cta-box.gptg-cta-box-v2 .elementor-cta__title { min-height: auto; margin: 0; position: relative; padding-right: 60px; } .gptg-cta-box.gptg-cta-box-v2 .elementor-cta__title:after { content: ''; position: absolute; width: 40px; height: 30px; background: url(../svg/right-arrow.svg); background-size: contain; background-position: center; right: 0; top: 0; background-repeat: no-repeat; bottom: 0; margin: auto; } .gptg-cta-box.gptg-cta-box-v2 .elementor-cta__description { min-height: auto; margin-top: 20px; } .gptg-cta-box.gptg-cta-box-v2.gptg-cta-box-v21 { height: 500px; } .gptg-cta-box.gptg-cta-box-v2.gptg-cta-box-v3 .elementor-cta__content { height: 200px; } @media only screen and (min-width:768px) { .gptg-cta-box.gptg-cta-box-v2:hover .elementor-cta__description { display: none; } .gptg-cta-box.gptg-cta-box-v2:hover .elementor-cta__bg-wrapper { height: 300px; } .gptg-cta-box.gptg-cta-box-v2:hover .elementor-cta__content { min-height: 100px; } /* .gptg-cta-box.gptg-cta-box-v2.gptg-cta-box-v3:hover .elementor-cta__bg-wrapper { height: 294px; } */ .gptg-cta-box.gptg-cta-box-v2.gptg-cta-box-v3:hover .elementor-cta__content { height: 100px; } } /* Contact-us and Our Brands Location Title Styling */ .gptg-location-title:hover { text-decoration:underline; } /* News page CTA box */ .gptg-featured-news { border-radius: 10px; overflow: hidden; box-shadow: 0px 8px 4px #1f1e1c80; position: relative; } .gptg-featured-news a { display: flex; justify-content: space-between; align-items: center; background: #003554; } .gptg-featured-news a:hover { background: #1F1E1C; } .gptg-featured-left, .gptg-featured-right-wrapper { width: 50%; position: relative; } .gptg-featured-news a:hover .gptg-featured-left:after { transform: scale(1.1); opacity: 0; } .gptg-featured-news a:hover .gptg-featured-left img { transform: scale(1.1); } .gptg-featured-left:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; background: url("../png/image-default-2.png"); background-size: cover; background-repeat: no-repeat; background-position: right; opacity: 1; transition: 0.2s all; } .gptg-featured-right-wrapper { padding: 10px 10px 10px 30px; } .gptg-featured-right-wrapper { min-height: 400px; display: flex; flex-wrap: wrap; align-items: center; } .gptg-featured-right-wrapper:after { border: 0px solid #daa900; transition: all 0.2s; content: ""; top: 0; position: absolute; left: 0; height: 0%; width: 0%; } .gptg-featured-news a:hover .gptg-featured-right-wrapper:after { border-width: 7px; width: 100%; height: 100%; } .gptg-featured-left img { height: 400px; object-fit: cover; transition: 0.2s all; } .gptg-featured-left { overflow: hidden; } .gptg-featured-right h3 { font-family: var(--e-global-typography-6f245df-font-family), Sans-serif; font-size: var(--e-global-typography-6f245df-font-size); font-weight: var(--e-global-typography-6f245df-font-weight); line-height: var(--e-global-typography-6f245df-line-height); letter-spacing: var(--e-global-typography-6f245df-letter-spacing); word-spacing: var(--e-global-typography-6f245df-word-spacing); color: var(--e-global-color-334cf01); } .gptg-featured-right .gptg-featured-meta { font-family: "Roboto", Sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6em; color: var(--e-global-color-334cf01); margin-bottom: 10px; } .gptg-featured-right p { font-family: var(--e-global-typography-d6bffd8-font-family), Sans-serif; font-size: var(--e-global-typography-d6bffd8-font-size); line-height: var(--e-global-typography-d6bffd8-line-height); letter-spacing: var(--e-global-typography-d6bffd8-letter-spacing); word-spacing: var(--e-global-typography-d6bffd8-word-spacing); color: var(--e-global-color-334cf01); margin-bottom: 0; } .gptg-featured-right p span { position: relative; } .gptg-featured-right p span { padding: 0 0 5px; display: inline-block; font-family: "Poppins"; color: #fcfcfa; } .gptg-featured-right p span:after { font-size: 12px; margin-left: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; transition: margin-left 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); } .gptg-featured-right p span:before { content: ""; position: absolute; width: 0%; height: 4px; bottom: 0; background: #daa900; left: 0; transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); } .gptg-featured-news a:hover .gptg-featured-right p span:before { width: 100%; } .gptg-featured-news a:hover .gptg-featured-right p span:after { margin-left: 10px; } @media (max-width: 767px) { .gptg-featured-news a { display: block; background: #003554; } .gptg-content figcaption { margin:0 ; } .gptg-featured-left, .gptg-featured-right-wrapper { width: 100%; } .gptg-featured-right-wrapper { padding: 10px; } .gptg-featured-left img { height: 200px; object-fit: cover; transition: 0.2s all; } } /* contact form styling */ .gpt-contact .gform-body label { font:normal 16px Roboto !important; color: #73726D; } .gpt-contact .gform-body .gform_fields input,.gpt-contact .gform-body .gform_fields textarea { background: #F7F6F0; border: 1px solid #1F1E1C ; border-radius: 5px; outline: none; } .gpt-contact .gform-body .gform_fields input:focus,.gpt-contact .gform-body .gform_fields textarea:focus { background: #FCFCFA; border: 1px solid #0065A1 ; } .gpt-contact .gform-body .gform_fields textarea { resize: none; height: 120px !important; } .gpt-contact .gfield_required { color:#73726D; } .gpt-contact .gform_fields { grid-column-gap: 4% !important; grid-row-gap: 30px !important; } .gform_footer { position:relative !important; display:inline-block !important; margin:20px 0 0 0 !important; padding:0 !important; } .gpt-contact .gform_button { border-width: 0px; border-radius: 25px; background-color: var(--e-global-color-04bd2bb ); color:#FCFCFA; font-size:18px; font-family:"poppins"; font-weight:600; padding:12px 24px; line-height:1 !important; cursor:pointer; margin:0 !important; position:relative; } .gpt-contact .gform_button:hover { background-color: #1F1E1C; } .gpt-contact .gform_footer:after { border: 0px solid #DAA900; transition: all .2s; content: ""; position: absolute; left: 50%; top: 0; border-radius: 25px; width: 0%; height: 100%; pointer-events:none; } .gpt-contact .gform_footer:hover:after { border-width: 4px; width: 100%; left:0; } .gform_ajax_spinner { position:absolute; right:0; } .gfield_required_asterisk { color:#73726D !important; } /* footer styling */ .gptg-title-menu a { font-size: 18px !important; color:#FCFCFA !important; font-weight: 600 !important; margin-bottom: 25px; font-family: "Poppins" !important; text-decoration: underline rgbargba(252, 252, 250, 0); text-underline-offset: 10px !important; transition: text-decoration-color 400ms; text-decoration-thickness: 4px !important; } .gform_required_legend { font-family: "Roboto"; font-size:14px; } .gptg-title-menu a:hover { text-decoration-color: rgba(235, 233, 228, 1); } @media (max-width:767px) { .gptg-title-menu a { margin-bottom: 15px; } .gptg-content h2 { font-size: 24px; line-height:1.2em; font-weight: 700; } .gptg-content h3 { font-size: 22px; } .gptg-content h4 { font-size: 20px; } .gptg-content h5 { font-size: 18px; } .gptg-content h6 { font-size: 18px; } } /* location icon styling */ .gptg-phone-icon img { width: 18px; } .gptg-phone-icon span { font-weight: 400; } @media (max-width:767px) { .gptg-cta-box .elementor-cta__title { min-height: auto; } .gptg-cta-box .elementor-cta__description { min-height: auto; } .horizontal .elementor-icon-list-item:not(:last-child) { padding-bottom: 15px } } @media only screen and (min-width: 1025px) and (max-width: 1100px) { } @media only screen and (max-width:1024px) { } @media only screen and (max-width:767px) { }