/*
Theme Name: GP Digital Design Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress Child Theme for GP Digital Design
Author: Gaetan P
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/


@font-face {
    font-family:'gp_montserrat';
    src: url('fonts/montserrat-regular.eot');
	src: url('fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/montserrat-regular.woff2') format('woff2'),
		url('fonts/montserrat-regular.woff') format('woff'),
		url('fonts/montserrat-regular.ttf') format('truetype'),
		url('fonts/montserrat-regular.svg#Montserrat') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'gp_montserrat';
    src: url('fonts/montserrat-italic.eot');
	src: url('fonts/montserrat-italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/montserrat-italic.woff2') format('woff2'),
		url('fonts/montserrat-italic.woff') format('woff'),
		url('fonts/montserrat-italic.ttf') format('truetype'),
		url('fonts/montserrat-italic.svg#Montserrat') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family:'gp_montserrat';
    src: url('fonts/montserrat-bold.eot');
	src: url('fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/montserrat-bold.woff2') format('woff2'),
		url('fonts/montserrat-bold.woff') format('woff'),
		url('fonts/montserrat-bold.ttf') format('truetype'),
		url('fonts/montserrat-bold.svg#Montserrat') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'gp_montserrat';
    src: url('fonts/montserrat-light.eot');
	src: url('fonts/montserrat-light.eot?#iefix') format('embedded-opentype'),
		url('fonts/montserrat-light.woff2') format('woff2'),
		url('fonts/montserrat-light.woff') format('woff'),
		url('fonts/montserrat-light.ttf') format('truetype'),
		url('fonts/montserrat-light.svg#Montserrat') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'gp_montserrat';
    src: url('fonts/montserrat-black.eot');
	src: url('fonts/montserrat-black.eot?#iefix') format('embedded-opentype'),
		url('fonts/montserrat-black.woff2') format('woff2'),
		url('fonts/montserrat-black.woff') format('woff'),
		url('fonts/montserrat-black.ttf') format('truetype'),
		url('fonts/montserrat-black.svg#Montserrat') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'gp_lobster';
    src: url('fonts/lobster.eot');
	src: url('fonts/lobster.eot?#iefix') format('embedded-opentype'),
		url('fonts/lobster.woff2') format('woff2'),
		url('fonts/lobster.woff') format('woff'),
		url('fonts/lobster.ttf') format('truetype'),
		url('fonts/lobster.svg#lobster') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

li.btncta a.menu-link span.text-wrap {
	border-radius: 4px  !important;
	padding: 7px 20px  !important;
      background-color: #ffc775 !important;
      color: #1e1e1e !important;
}

li.btncta a.menu-link span.text-wrap:hover {
	background-color: #f76d5d !important;
      transition-duration: 0.5s;
}

#site-header {
  position: fixed;
  left: auto;
  width: 100%;
}

.oceanwp-mobile-menu-icon a:focus {
    outline: none !important;
}

#mobile-dropdown ul li a:focus {
    outline: none !important;
}

.h1-main {
	max-width: 600px;
	margin: auto;
}

#btn_project {
	width: 100%;
}

.nf-pass.field-wrap .nf-field-element::after {
	display: none !important;
}

.nf-error.field-wrap .nf-field-element::after {
	background: #f76d5d !important;
	height: 42px !important;
	width: 42px !important;
	line-height: 42px !important;
	margin: 3px !important;
	border-radius: 3px !important;
}

.nf-error .nf-error-msg {
	color: #f76d5d !important;
}


.nf-error-msg, .ninja-forms-req-symbol {
	color: #f76d5d !important;
}

.nf-error-msg, .ninja-forms-req-symbol {
	color: #f76d5d !important;
}

.ninja-forms-field.nf-element {
	background: #393939 !important;
	color: #bbb !important;
	border: none !important;
	border-radius: 4px !important;
}

.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
	width: 100% !important;
	background: #ffc175 !important;
	color: #1e1e1e !important;
}

.nf-form-content button:hover, .nf-form-content input[type="button"]:hover, .nf-form-content input[type="submit"]:hover {
	background: #f76d5d !important;
}

div.elementor-wrapper.elementor-fit-aspect-ratio.elementor-open-inline {
	padding-bottom: 41.9% !important;
}