/*
Theme Name: GWP Inc. Building Materials
Author: GWP Inc.
Description: Child Theme for Component Blox
Version: 1.0
Template: bootstrap-component-blox
*/

:root {
    --gwp-primary: #c00000;
    --gwp-primary-light: #f30000;
    --gwp-secondary: #191938;
    --gwp-secondary-light: #32324e;
    --gwp-dark: #181830;
    --source-san-pro: 'Source Sans Pro', sans-serif;
    --teko: 'Teko', sans-serif;
    --hero-new: 'hero-new' sans-serif;
}

html {
    overflow-x: hidden;
}

body {
    font-family: var(--source-san-pro);
    color: var(--gwp-dark);
}

strong {
    font-weight: 700;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: rgba(255,255,255,0.8);
}

/* ===== Custom Classes ===== */

.gwp-section-title-white:before {
    content: '';
    background: url(/wp-content/uploads/2023/08/white-gwp.png) center/contain;
    background-repeat: no-repeat;
    opacity: .1;
    height: 200px;
    width: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translatex(-50%) translatey(-50%);
}

.gwp-overflow-hidden {
    overflow-y: hidden;
}

.expand {
  	animation: cursorExpand .5s forwards;
  	border: none;
}

.brand-color-element {
    background: #000!important;
}

.hs-button {
    background: var(--gwp-primary)!important;
}

.fw-300 {
    font-weight: 300;
}

.gwp-border {
    border: 1px solid var(--gwp-primary);
}

.pin {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    padding: 10px 0px;
}

.z-front {
    z-index: 2;
}

.z-back {
    z-index: 1;
}

.gwp-font-900 {
    font-weight: 900;
}

.gwp-font-700 {
    font-weight: 700;
}

.gwp-font-300 {
    font-weight: 300;
}

.gwp-font-200 {
    font-weight: 200;
}

.gwp-font-teko {
    font-family: var(--teko);
    letter-spacing: 1px;
}

.gwp-font-newhero {
	font-family: var(--hero-new);
	font-weight: 200;
	font-style: normal;
}

.gwp-lg-lh {
    line-height: 2em;
}

.gwp-mh-700 {
   min-height: 700px; 
}

.gwp-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.gwp-is-fixed {
    position: fixed;
}

.gwp-inset {
	-webkit-box-shadow: inset 0 0 50px rgba(0,0,0,0.1);
	        box-shadow: inset 0 0 50px rgba(0,0,0,0.1);
}

.mw-80 {
    max-width: 80%;
}

.mw-75 {
    max-width: 75%;
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.1)!important;
            box-shadow: 0 1rem 3rem rgba(0,0,0,.1)!important;
}

.gwp-tty-n50 {
    transform: translatey(-50%);
}

.divider {
    width: 150px;
    height: 2px;
}

.gwp-header-spacing {
    padding-top: 200px;
}

/* ===== Custom Cursor ===== */

.cursor {
  	width: 40px;
  	height: 40px;
  	background: rgba(192, 0, 0, 0.1);
  	border: 1px solid  rgba(192, 0, 0, 0.6);
  	border-radius: 50%;
 	 position: absolute;
  	pointer-events: none;
  	z-index: 999;
}

.cursor-white {
  	border: 1px solid  #fff;
}

.cursor:before {
	content: '';
	width: 10px;
	background: var(--gwp-primary);
	position: absolute;
	top: 50%;
	left: 50%;
	height: 1px;
	transform: translatex(-50%) translatey(-50%);
}

.cursor:after {
	content: '';
	width: 1px;
	background: var(--gwp-primary);
	position: absolute;
	top: 50%;
	left: 50%;
	height: 10px;
	transform: translatex(-50%) translatey(-50%);
}

@keyframes cursorExpand {
    
    0% {
        transform: scale(1);
    }
    
    50% {
        transform: scale(2);
    }
    
    100% {
        transform: scale(1);
        opacity: 0;
    }

}

/* ===== Team ===== */

#gwp-team .card {
	text-align: center;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#gwp-team .card:before {
	content: "";
	background: var(--gwp-primary);
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	opacity: 0;
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 1;
	-webkit-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

#gwp-team .card:hover:before {
	opacity: 0.7;
}

#gwp-team .card img {
	width: 100%;
	height: auto;
	-webkit-transform: scale(1.25);
	    -ms-transform: scale(1.25);
	        transform: scale(1.25);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform-origin: top center;
	    -ms-transform-origin: top center;
	        transform-origin: top center;
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
}

#gwp-team .card:hover img {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	-webkit-filter: grayscale(50%);
	        filter: grayscale(50%);
}

#gwp-team .card .card-body {
	width: 100%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
}

#gwp-team .card h3 {
	opacity: 0;
	-webkit-transform: translateY(100px);
	    -ms-transform: translateY(100px);
	        transform: translateY(100px);
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

#gwp-team .card span {
	font-size: 14px;
	font-style: italic;
	margin-bottom: 10px;
	opacity: 0;
	-webkit-transform: translateY(50px);
	    -ms-transform: translateY(50px);
	        transform: translateY(50px);
	display: block;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

#gwp-team .card:hover h3, 
#gwp-team .card:hover span {
	opacity: 1;
	-webkit-transform: translate(0);
	    -ms-transform: translate(0);
	        transform: translate(0);
}

/*===== Modal Companies ===== */

.zoom {
    transform: scale(0);
    animation-name: zoom;
    animation-delay: 1s;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    opacity: 1;
}
    
#gwp-companies .col {
    height: 100%;
}

#gwp-companies .row .col:nth-child(1) {
    transform: translatey(100%);
    animation-name: slide-up;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    z-index: 3;
}

#gwp-companies .row .col:nth-child(2) {
    transform: translatey(-100%);
    animation-name: slide-down;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    z-index: 2;
}

#gwp-companies .row .col:nth-child(3) {
    transform: translatey(-100%);
    animation-name: slide-up;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes slide-up {

    from {
        transform: translatey(100%);
    }
    
    to {
        transform: translatey(0%);
    }
}

@keyframes slide-down {

    from {
        transform: translatey(-100%);
    }
    
    to {
        transform: translatey(0%);
    }
}

@keyframes zoom {

    from {
        transform: scale(.5);
        opacity: 0;
    }
    
    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* ===== Bootstrap Overide ===== */

.modal-body {
    padding: 0;
}

.card {
    border: none;
    border-radius: 0;
}

.carousel-control-next, 
.carousel-control-prev,
.carousel-control-next, 
.carousel-control-next {
    z-index: 0;
}

/* ===== Header ===== */

#gwp-header button {
    position: fixed;
    top: 0;
    left: 0;
}

#gwp-header .display-4 {
    line-height: .9em;
    font-size: 100px!important;
    position: relative;
    font-weight: 200;
    right: 10px;
}

#gwp-header h1 {
    color: var(--gwp-primary);
    font-family: var(--hero-new);
}

.gwp-header-title {
    font-family: var(--hero-new)!important;
    text-transform: uppercase;
    font-size: 4em;
    font-weight: 200;
    color: var(--gwp-primary);
}

.gwp-subtitle {
    font-family: var(--hero-new);
    line-height: 1.7em;
    font-size: 1.8em;
    font-weight: 200;
}

.gwp-header-offset {
    padding-top: 220px;
}

/* ===== Text Color ===== */

.gwp-text-primary {
    color: var(--gwp-primary);
}
.gwp-text-primary:hover {
    color: var(--gwp-primary);
    opacity: .9;
}
.gwp-text-primary-light {
    color: var(--gwp-primary-light);
}
.gwp-text-secondary {
    color: var(--gwp-secondary);
}
.gwp-text-secondary-light {
    color: var(--gwp-secondary-light);
}

/* ===== Background Color ===== */

.gwp-bg-primary {
    background-color: var(--gwp-primary);
    color: #fff;
}
.gwp-bg-primary-light {
    background-color: var(--gwp-primary-light);
}
.gwp-bg-secondary {
    background-color: var(--gwp-secondary);
    color: #fff;
}
.gwp-bg-secondary-light {
    background-color: var(--gwp-secondary-light);
    color: #fff;
}

/* ===== Buttons ===== */

.btn {
    font-size: 14px;
    padding: 10px 25px;
    text-transform: uppercase;
    border-radius: 0;
    letter-spacing: 1px;
    border: none;
}

.gwp-btn-underline-red,
.gwp-btn-underline-red:visited,
.gwp-btn-underline-red:focus {
    color: var(--gwp-primary);
    border-bottom: 2px solid var(--gwp-primary);
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 3px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.gwp-btn-underline-red:hover {
    color: var(--gwp-primary);
    border-bottom: 2px solid var(--gwp-primary);
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.gwp-btn-underline-dark,
.gwp-btn-underline-dark:visited,
.gwp-btn-underline-dark:focus {
    color: var(--gwp-dark);
    border-bottom: 2px solid var(--gwp-dark);
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 3px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.gwp-btn-underline-dark:hover {
    color: var(--gwp-dark);
    background: transparent;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.gwp-btn-border-light,
.gwp-btn-border-light:visited,
.gwp-btn-border-light:focus {
    border: 1px solid #fff;
}

.gwp-btn-primary,
.gwp-btn-primary:visited,
.gwp-btn-primary:focus {
    background: var(--gwp-primary);
    color: #fff;
}

.gwp-btn-primary:hover {
    color: #fff;
    background: var(--gwp-secondary);
}

.gwp-btn-secondary,
.gwp-btn-secondary:visited,
.gwp-btn-secondary:focus {
    background: var(--gwp-secondary);
    color: #fff;
}

.gwp-btn-secondary:hover {
    color: #fff;
    background: var(--gwp-primary);
}

/* ===== Common Header ===== */

#gwp-common-header p,
#gwp-project-header p{
    line-height: 1.9em;
    font-family: var(--hero-new);
    line-height: 1.7em;
    font-size: 1.8em;
    font-weight: 200;
}

#gwp-common-header a,
#gwp-project-header a {
    color: var(--gwp-primary);
    transition: all .3s;
}

#gwp-common-header a:hover,
#gwp-project-header a:hover {
    opacity: 0.7;
}

/* ===== Navbar ===== */

#gwp-toggler  {
    position: relative;
    z-index: 9;
}

#gwp-navbar {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: -o-linear-gradient(87deg, var(--gwp-primary) 40%, rgba(192, 0, 0, 0.9) 70%), url(/wp-content/uploads/2019/10/gwp-background.png)!important;
    background-image: linear-gradient(3deg, var(--gwp-primary) 40%, rgba(192, 0, 0, 0.9) 70%), url(/wp-content/uploads/2019/10/gwp-background.png)!important;
    background-repeat: no-repeat!important;
    background-position: top right!important;
    background: var(--gwp-primary);
    -webkit-transform: translatex(0%);
        -ms-transform: translatex(0%);
            transform: translatex(0%);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 3;
}

#gwp-navbar .container {
    padding-top: 150px;
}

.slide-nav #gwp-navbar {
    -webkit-transform: translatex(-100%);
        -ms-transform: translatex(-100%);
            transform: translatex(-100%); 
}

#gwp-navbar ul li {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#gwp-navbar ul li:hover {
    -webkit-transform: translatex(5px);
        -ms-transform: translatex(5px);
            transform: translatex(5px);  
}

#gwp-navbar ul li a {
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 200;
}

#gwp-navbar ul li a:hover {
    text-decoration: none;
    opacity: .8;
}

#gwp-navbar ul li ul {
    list-style: none;
    padding-left: 20px;
}

#gwp-navbar ul li ul li:before {
    content: '- ';
    color: #fff;
}

.social-list i {
    width: 30px;
    height: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(255,255,255,0.2);
    color: #fff;
	border-radius: 50px;
}

.social-list li:hover {
    -webkit-transform: translatex(0)!important;
        -ms-transform: translatex(0)!important;
            transform: translatex(0)!important;
}

#gwp-navbar .sub-menu {
    background: transparent;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#gwp-navbar .gwp-submenu-toggle {
    height: 50px;
}

#gwp-navbar .gwp-submenu-toggle:hover {
    height: auto;
}

#gwp-navbar .gwp-submenu-toggle .sub-menu,
#gwp-navbar .gwp-submenu-toggle .sub-menu .nav-link {
    font-size: 1.75rem;
    display: inline-block;
}

#gwp-navbar .gwp-submenu-toggle .sub-menu {
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transform: translatey(10px);
        -ms-transform: translatey(10px);
            transform: translatey(10px);
    opacity: 0;
    height: 0;
    overflow: hidden;
}

#gwp-navbar .gwp-submenu-toggle:hover .sub-menu {
    opacity: 1;
    height: auto;
    -webkit-transform: translatey(0px);
        -ms-transform: translatey(0px);
            transform: translatey(0px);
}

.gwp-navbar-link {
    position: absolute;
    bottom: 20px;
    right: 80px;
    color: #fff;
	transition: all .3s;
}

.gwp-navbar-link:hover {
	color: rgba(255,255,255,0.7)
}

/* ===== Toggler ===== */

#gwp-toggler:focus, 
#gwp-toggler:active {
    outline: 0;
}

#gwp-toggler span {
    width: 50px;
    height: 3px;
    display: block;
    background-color: #fff;
    margin: 10px 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-left: auto;
    margin-right: auto;
}

#gwp-toggler span:nth-child(1) {
    -webkit-transform: translatey(13px) rotate(-45deg);
        -ms-transform: translatey(13px) rotate(-45deg);
            transform: translatey(13px) rotate(-45deg);
}

#gwp-toggler span:nth-child(2) {
    opacity: 1;
    width: 0;
}

#gwp-toggler span:nth-child(3) {
    -webkit-transform: translatey(-13px) rotate(45deg);
        -ms-transform: translatey(-13px) rotate(45deg);
            transform: translatey(-13px) rotate(45deg);  
}

.slide-nav #gwp-toggler span {
    -webkit-transform: translatey(0) rotate(0deg);
        -ms-transform: translatey(0) rotate(0deg);
            transform: translatey(0) rotate(0deg);
    opacity: 1;
    width: 50px;   
}


/* ===== Home ===== */

#gwp-header {
    background-image: -o-linear-gradient(87deg, rgba(255,255,255, 1) 10%, rgba(255,255,255,0) 70%),url(/wp-content/uploads/2019/12/gwp-header.jpg);
    background-image: linear-gradient(3deg, rgba(255,255,255, 1) 10%, rgba(255,255,255,0) 70%),url(/wp-content/uploads/2019/12/gwp-header.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#gwp-header > .container-fluid > .row {
    padding-top: 200px;
    padding-bottom: 200px;
}

#gwp-tools {
     background-image: -o-linear-gradient(87deg, rgb(255,255,255) 30%, rgba(255,255,255,0) 90%);
     background-image: linear-gradient(3deg, rgb(255,255,255) 30%, rgba(255,255,255,0) 90%);
}

#gwp-tools h4 {
    color: var(--gwp-dark);
}

#gwp-tools blockquote {
    font-style: italic;
    font-size: 2em;
    font-weight: 200;
    text-align: center;
}

#gwp-tools blockquote span {
   font-size: 75%; 
   font-weight: 600;
   font-style: normal;
}

#gwp-home-choice {
    background: #000;
    top: 0px;
    position: absolute;
    width: 100%;
    z-index: 9;
}

#gwp-home-choice .btn {
    font-size: 1.3em;
    border-radius: 50px;
    padding: 20px 40px;
}

#gwp-home-our-process .gears {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#gwp-home-our-process .gears-turning {
    width: 60vmin;
    fill: #ddd;
}

#gwp-home-our-process.activate-gear .gears-turning-small {
    fill: var(--gwp-primary);
    opacity: .3;
    -webkit-animation: rotation 2.5s infinite linear;
    animation: rotation 2.5s infinite linear;
    transform-origin: 100.136px 225.345px;
}

#gwp-home-our-process.activate-gear .gears-turning-medium {
    fill: var(--gwp-primary);
    opacity: .6;
    -webkit-animation: counter-rotation 3.75s infinite linear;
    animation: counter-rotation 3.75s infinite linear;
    transform-origin: 254.675px 379.447px;
}

#gwp-home-our-process.activate-gear .gears-turning-large {
    fill: var(--gwp-primary);
    -webkit-animation: rotation 5s infinite linear;
    animation: rotation 5s infinite linear;
    transform-origin: 461.37px 173.694px;
}

@-webkit-keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
@-webkit-keyframes counter-rotation {
    from {
        transform: rotate(359deg);
    }
    to {
        transform: rotate(0deg);
    }
}
@keyframes counter-rotation {
    from {
        transform: rotate(359deg);
    }
    to {
        transform: rotate(0deg);
    }
}

/* ===== Logo Carousel ===== */

#gwp-client-carousel img {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

#gwp-client-carousel img:hover {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.gwp-text-fade {
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%);
	height: 20vh;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 0;
}

/* ===== Contact ===== */

#gwp-contact input,
#gwp-contact textarea {
    border: none;
    padding: 10px;
    width: 100%;
}

#gwp-contact .input {
    margin-bottom: 10px;
    width: 100%;
}

#gwp-contact .hs-button {
    background: var(--gwp-primary);
    color: #fff;
    font-size: 14px;
    padding: 12px 25px;
    text-transform: uppercase;
    border-radius: 0;
    letter-spacing: 1px;
    border: none;
    width: auto;
}

#gwp-contact .col-lg-7 {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(193, 8, 1, 1)), to(rgba(193, 8, 1, 0.8 ))), url(/wp-content/uploads/2020/01/abstact-bg.jpg);
	background-image: -o-linear-gradient(left, rgba(193, 8, 1, 1), rgba(193, 8, 1, 0.8 )), url(/wp-content/uploads/2020/01/abstact-bg.jpg);
	background-image: linear-gradient(to right, rgba(193, 8, 1, 1), rgba(193, 8, 1, 0.8 )), url(/wp-content/uploads/2020/01/abstact-bg.jpg);
	background-size: cover;
	background-position: center center;
}

#gwp-contact .display-4 strong {
	font-weight: 800;
}

/* ===== About ===== */

#gwp-about-focus .container-fluid {
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: top right
}

#gwp-about-focus .mw-80 {
    max-width: 60%;
    background: url(/wp-content/uploads/2020/01/lamp.jpg); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: top right
}

#gwp-about-process .mw-80,
#gwp-about-capabilities .mw-80 {
   max-width: 60%; 
}

#gwp-about-capabilities li:before {
    content: '\f00c';
    margin-right: 8px;
    color: var(--gwp-primary);
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
}

#gwp-about-capabilities .gwp-border:hover {
    background: rgb(192 0 0 / 5%);
    transition: all .3s;
}

#gwp-about-capabilities .card {
    overflow: hidden;
}

/* ===== Footer ===== */

#footer-widgets,
footer {
    background: var(--gwp-primary);
    color: #fff;
}

footer a {
    color: #fff; 
}

#footer-widgets .row {
    padding-top: 0!important;
    padding-bottom: 0!important;
    background: var(--gwp-primary);
}

#footer-widgets .row .mb-4 {
    margin-bottom: 0!important;
}

#footer-navbar .navbar-toggler:focus, 
#footer-navbar .navbar-toggler:active {
    outline: 0;
}

#footer-navbar .navbar-toggler span {
    width: 30px;
    height: 3px;
    display: block;
    background-color: #333;
    margin: 7px 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

#footer-navbar .navbar-toggler span:nth-child(1) {
    -webkit-transform: translatey(10px) rotate(-45deg);
        -ms-transform: translatey(10px) rotate(-45deg);
            transform: translatey(10px) rotate(-45deg);
}

#footer-navbar .navbar-toggler span:nth-child(2) {
    opacity: 1;
    width: 0;
}

#footer-navbar .navbar-toggler span:nth-child(3) {
    -webkit-transform: translatey(-10px) rotate(45deg);
        -ms-transform: translatey(-10px) rotate(45deg);
            transform: translatey(-10px) rotate(45deg);  
}

#footer-navbar .navbar-toggler.collapsed span {
    -webkit-transform: translatey(0) rotate(0deg);
        -ms-transform: translatey(0) rotate(0deg);
            transform: translatey(0) rotate(0deg);
    opacity: 1;
    width: 30px;   
}

#footer-navbar .nav-link {
	color: #fff;
	text-transform: uppercase;
    font-size: 14px;
}

/* ===== Blogs ===== */

#gwp-blog .btn-dark {
    background: #191919
}

#gwp-blog .btn-icon-reveal  {
    white-space: nowrap;
}

#gwp-blog .btn-icon-reveal i {
   opacity: 0;
   margin-right: -20px;
   width: 15px;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
}

#gwp-blog .card {
	background: transparent;
}

#gwp-blog .btn-icon-reveal:hover i {
    opacity: 1;
    margin-right: 0px;
    -webkit-transform: translatex(5px);
        -ms-transform: translatex(5px);
            transform: translatex(5px);
}

#gwp-blog .card .text-muted a {
	color: var(--gwp-primary);
}

.post-template-single-fullwidth .entry-content {
	margin-bottom: 40px;
	border: 1px solid rgba(0,0,0,0.1);
	padding: 20px;
}

.post-template-single-fullwidth .entry-content p:last-child {
	margin-bottom: 0;
}

.post-template-single-fullwidth .entry-content h1 {
	font-weight: 300;
	font-size: 2rem;
}

.post-template-single-fullwidth .post_meta a {
	color: var(--gwp-primary);
}

@media(max-width: 1400px) {
    
    #gwp-about-focus .mw-80,
    #gwp-about-process .mw-80,
    #gwp-about-capabilities .mw-80{
        max-width: 80%;
    }
}

@media(max-width: 992px) {
    
    .w-25,
    .w-50,
    .w-75,
    .mw-80,
    .mw-75{
        max-width: 100%!important;
        width: 100%!important;
    }
    
    #gwp-about-focus .mw-80 {
        background: none;
    }
    
    .gwp-tty-n50 {
        transform: translatey(0%);
    }
    
    #gwp-common-header p,
    #gwp-project-header p {
        font-size: 16px;
        line-height: 1.7em;
    }
    
    .gwp-project-titles:before {
        font-size:1.3rem;
    }
    
    .gwp-header-offset {
        padding-top: 120px;
    }
    
    #gwp-project-header .gwp-index {
        max-width: 90%;
    }
    
    #gwp-header > .container-fluid > .row {
        padding-top: 100px;
        padding-bottom: 60px;
    }
	
    .gwp-section-title-white:before{
        height: 100px;
        width: 100px;
    }
	
	#gwp-companies .col {
        height: 33.3%;
    }
	
	#gwp-contact .row {
		height: 100%;
	}
	
	#gwp-toggler {
    	width: 100%;
	}
	
	.gwp-header-spacing {
        padding-top: 90px;
    }
    
}

@media(max-width: 768px) {
    
    #gwp-navbar .container {
        padding-top: 100px;
    }
    
    #gwp-header .display-4 {
        font-size: 50px!important;
        top: 0px;
    }
    
    #gwp-navbar .h3  {
       font-size: 1.5rem;
    }
    
    .display-4 {
        font-size: 40px;
    }
    
    #gwp-navbar {
        background-image: none!important;
    }   
    
    #footer-widgets {
        padding-top: 30px!important;
    }
    
    .gwp-print-gallery {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	
	#gwp-project-header .gwp-index a {
	    font-size: 14px;
	}
	
	.cursor {
	    display: none;
	}

}