/*
Theme Name: Profmedia
Theme URI: https://ae-staging.dev/profmediasite
Description: A theme for PROFMEDIA based on the Twenty Twenty-Four theme.
Author: DSME
Author URI: https://ae-staging.dev

Version: 1.0.21

Template: twentytwentyfour

License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: profmedia
Requires at least: 5.4
Requires PHP: 8.2
*/

/* Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Forms
	- Tables
- Structure and Layout
	- Site Container
- Common Classes
	- WordPress
- Plugins
	- WPForms
- Skip Links
- Site Header
- Content Area
	- Entry Content
	- Entry Meta
- Media Queries
*/



/* HTML5 Reset
---------------------------------------------------------------------------- */

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/* stylelint-enable */

/* Box Sizing
--------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: inherit;
}

/*preset variables*/
:root {
  --black: #000;
  --white: #fff;
  --Blue: #02133C;
  --DarkBlue: #05112F;
  --Gold: #8e601a;
  --bgGradient: linear-gradient(59.39deg, rgb(103, 56, 0) 0.221%,rgb(193, 146, 57) 105.602%);
 
  --fontSizeLarge: 3.125rem;
  --fontSizeMedium: 1.5rem;
  --fontSizeSmall: 18px;

  --fontWeightLight: 300;
  --fontWeightNormal: 400;
  --fontWeightMedium: 500;
  --fontWeightSmb: 600;
  --fontWeightBold: 700;

  --bodyFont: 'DM Sans', sans-serif;
  --accentFont: 'Plus Jakarta Sans', sans-serif;
}

:where(.wp-site-blocks) > * {
    margin-block-start: 0;
    margin-block-end: 0;
}

:root :where(.is-layout-constrained) > *,
:root :where(.is-layout-flow) > *{
	margin-block-start: 20px;
}

/* Defaults
---------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

html body {
	background-color: var(--white);
	color: var(--black);
	font-family: var(--bodyFont)!important;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.625;
	margin: 0;
	overflow-x: hidden;
}

button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	transition: all 0.2s ease-in-out;
}

p {
	margin: 0 0 30px;
	padding: 0;
	line-height: 1.5;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-bottom: 1px solid currentColor;
	clear: both;
	color: #eee;
	margin: 1.65em auto;
}

b,
strong {
	font-weight: 700;
}

blockquote,
cite,
em,
i {
	font-style: italic;
}

mark {
	background: #ddd;
	color: #333;
}

blockquote {
	margin: 30px;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--bodyFont);
	font-weight: var(--fontWeightNormal);
	line-height: 1.2;
	margin: 0 0 30px;
}

h1 {
	font-size: 3.125rem;
}

h2 {
	font-size: 2.5rem;
}

h3 {
	font-size: 1.875rem;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
	vertical-align: top;
}

figure {
	margin: 0;
}


/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #333;
	font-size: 18px;
	font-weight: 400;
	padding: 15px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

:-ms-input-placeholder {
	color: var(--white);
	opacity: .8;
}

::placeholder {
	color: var(--white);
	opacity: .8;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form button[type="submit"],
.button {
	background-color: #333;
	border: 0;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	padding: 15px 30px;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	width: auto;
}

button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
.button:focus,
.button:hover {
	background-color: #0073e5;
	border-width: 0;
	color: #fff;
}

.entry-content .button:focus,
.entry-content .button:hover {
	color: #fff;
}

.button {
	display: inline-block;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
	background-color: #eee;
	border-width: 0;
	color: #777;
	cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 40px;
	width: 100%;
	word-break: break-all;
}

tbody {
	border-bottom: 1px solid #eee;
}

td,
th {
	line-height: 2;
	text-align: left;
	vertical-align: top;
}

td {
	padding: 0.5em;
}

tr {
	border-top: 1px solid #eee;
}

th {
	font-weight: 600;
	padding: 0.5em;
}


/* Structure and Layout
---------------------------------------------------------------------------- */

@keyframes fadein {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}

}


/* Common Classes
---------------------------------------------------------------------------- */
.accentFont{
	font-family: var(--accentFont);
}

.align-right{ text-align:right; }

.card_link,
.card-link{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	cursor: pointer;
	margin: 0;
}

/* WordPress
--------------------------------------------- */

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter,
.singular-image {
	display: block;
	margin: 0 auto 30px;
}

img.alignnone,
.alignnone {
	margin-bottom: 15px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 20px 20px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 20px 20px;
}

figcaption,
.gallery-caption,
.wp-caption-text {
	font-size: 14px;
	font-weight: 600;
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
	margin: 0 0 30px;
}

/* Plugins
---------------------------------------------------------------------------- */

/* WP Forms
--------------------------------------------- */

.entry-content .wpforms-container {
	margin-bottom: 40px;
}

.entry-content .wpforms-form .wpforms-field {
	clear: both;
	margin: 20px 0;
	overflow: hidden;
}

.site-container .wpforms-container .wpforms-form .wpforms-field input {
	border-radius: 0;
	height: auto;
	padding: 15px;
}

.site-container .entry-content .wpforms-form .wpforms-field-label {
	font-weight: 600;
}

.site-container .entry-content .wpforms-form .wpforms-field-sublabel {
	font-size: 14px;
	font-weight: 300;
}

.entry-content .wpforms-form .wpforms-field-hp {
	display: none !important;
	left: -9000px !important;
	position: absolute !important;
}

.site-container .entry-content .wpforms-form textarea {
	padding: 15px;
}

.site-container .entry-content .wpforms-form textarea.wpforms-field-small {
	height: 120px;
}

.site-container .entry-content .wpforms-form textarea.wpforms-field-medium {
	height: 200px;
}

.site-container .entry-content .wpforms-form textarea.wpforms-field-large {
	height: 300px;
}


/* Skip Links
---------------------------------------------------------------------------- */
.genesis-skip-link {
	margin: 0;
	display: none;
}


/* Site Header
---------------------------------------------------------------------------- */
header{
	position: absolute;
	z-index: 99;
    left: 0;
    right: 0;
    padding-right: 10%;
    padding-left: 10%;
    width: 100vw;
    max-width: 100vw;
}

header .inner_wrap{
	padding: 0;
}

header .wp-block-site-logo img{ margin-left:-10px; }

header .menu_center .wp-block-navigation{
	gap: 20px;
}

header .menu_center .wp-block-navigation a{
	text-decoration: none;
}

header .menu_center .wp-block-navigation li{
	padding: 8px 20px;
    border-radius: 20px;
    background: transparent;
    transition: .5s;
    outline: none;
    border: none;
}

header .menu_center .wp-block-navigation li:hover,
header .menu_center .wp-block-navigation li.current-menu-item,
header .menu_center .wp-block-navigation li.active{
	background: var(--bgGradient);
	transition: .5s;
}

header .menu_right{ gap: 25px; }
header .menu_right img{
	vertical-align: middle;
	transition: .3s;
	opacity: 1;
}

header .menu_right img:hover{
	transition: .3s;
	opacity: .5;
}

header ul.wp-block-navigation-submenu{
	background: var(--bgGradient) !important;
    border-radius: 3px;
    border: none !important;
    padding: 20px;
	position: absolute !important;
    left: 0% !important;
    margin-top: 20px !important;
}

header ul.wp-block-navigation-submenu::before{
	content: '';
    background: url(https://ae-staging.dev/profmediasite/wp-content/uploads/2025/01/caret-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 25px;
    height: 12px;
    margin-top: -32px;
    z-index: -1;
}

header ul.wp-block-navigation-submenu li{
	padding: 0px!important;
}

header .menu_toggle { display:none; }
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{
	padding: 0!important;
	outline: none;
	border: none;
	background: transparent!important;
}

.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{
	margin-left: 5px!important;
}

header .wp-block-buttons > .wp-block-button a{
	font-weight: 500;
}



/* Footer
---------------------------------------------------------------------------- */
footer{
	background: var(--DarkBlue);
}

footer .col_contacts{
	padding-bottom: 60px;
}

footer .col_contacts .lbl{
	font-size: 14px;
	font-weight: var(--fontWeightBold);
	position: relative;
}

footer .col_contacts .lbl img{
	position: absolute;
	left: -35px;
}

footer .col_contacts p{

}

footer .col_contacts .lbl + p{
	margin: 0;
}

footer .col_fax .lbl img{
	left: -45px;
}

footer .col_address .lbl img{ left:-30px; }

footer .row_copyright{ 
	padding-top: 30px;
    margin-top: 70px;
    border-top: 0.5px solid rgba(193, 146, 57, 0.6);
}
footer .row_copyright .wp-block-group{

}

footer .row_copyright p{ font-size:14px; font-weight:300; }
footer .row_copyright p a{  }
footer .row_copyright p a:hover{ text-decoration:underline;  }


/* Content Area
---------------------------------------------------------------------------- */

/* Entry Content
--------------------------------------------- */

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol ul > li,
.entry-content ul ul > li {
	list-style-type: circle;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content code {
	background-color: #f5f5f5;
}

.content .sticky {
	background-color: #f5f5f5;
	padding: 30px;
}

:where(.wp-block-columns) {
    margin-bottom: 0 !important;
}

/* Entry Meta
--------------------------------------------- */

p.entry-meta {
	font-size: 16px;
	margin-bottom: 0;
}

.entry-header .entry-meta {
	margin-bottom: 20px;
}

.entry-footer .entry-meta {
	border-top: 1px solid #eee;
	padding-top: 20px;
}

.entry-categories,
.entry-tags {
	display: block;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}


/*  Wordpress Overrides
---------------------------------------------------------------------------- */
.hidden{ display: none; }
.not-ready,
.post-edit-link, 
.entry-title, 
.entry-header::after, 
.entry-avatar,
.otgs-development-site-front-end,
.entry-footer,
.entry-header,
.for_mobile{ 
	display:none!important; 
}

.content-sidebar .site-container .alignfull, 
.sidebar-content .site-container .alignfull{
	margin-bottom: 0px!important;
}

body.single-post .entry-title{ 
  display: block!important;
  letter-spacing: 0!important; 
  font-size: 58px;
}

a:hover, a:focus{ 
  outline: none; 
  transform: none!important; 
}

button:hover, button:focus{ 
	box-shadow: none!important; 
	transform: none!important; 
}

a{ 
	outline: none; 
	text-decoration: none;  
}

.wp-block-group__inner-container p{ 
	padding-left: 0!important; 
	padding-right: 0!important; 
}

.wp-block-image{ 
	margin-bottom: 0!important; 
}

.page .site-container .wp-block-columns {
    margin-bottom: 0;
}



/* Buttons Component
---------------------------------------------------------------------------- */
.wp-block-buttons > .wp-block-button{ position:relative; }
.wp-block-buttons > .wp-block-button a{
	font-family: var(--bodyFont)!important;
	background: transparent!important;
	font-size: 14px!important;
	font-weight: 700;
	min-width: 105px;
	padding: 9px 25px !important;
	transition: .3s;
	position: relative;
}

.wp-block-buttons > .wp-block-button a:hover{
	transition: .3s;
/*	background: #C19239 !important;*/
}

.wp-block-buttons > .wp-block-button{
	background: var(--bgGradient)!important;
	border-radius: 3px!important;
}
.wp-block-buttons > .wp-block-button::before{
	content: '';
	position: absolute;
	background: #C19239;
	border-radius: 3px;
	inset: 0;
	transition: .3s;
	opacity: 0;
}

.wp-block-buttons > .wp-block-button:hover::before{
	transition: .3s;
	opacity: 1;
}


/* Accordion Component
---------------------------------------------------------------------------- */
.accordion-group .accordion-text {
    display: none;
}


/* Contact Modal 
------------------------------------------------------------*/
.mfp-content{
    max-width: 1200px;
}
.contact_form{ 
    padding: 80px 60px 30px 60px;
    background: #fff;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    color: #000;
    gap: 40px;
}

.contact_form .wpforms-container{
    margin: 0!important;
}

.contact_form .col_left{ font-family: var(--accentFont); }
.contact_form h2{
	font-family: var(--accentFont); 
    font-weight: 600;
    font-size: 42px;
    line-height: 1.2;
    padding-bottom: 12px;
    margin-bottom: 0;
    color: #000;
}

.contact_form h2 + p{
    padding-bottom: 15px;
}
.contact_form p.lbl{ margin-bottom:5px; font-size:14px; font-weight:400; }
.contact_field p{ 
/*    font-weight: 600;*/
    font-size: 24px;
    margin-bottom: 25px;
}

.contact_field p a{
    color: #000;
    font-weight: 600;
}

.contact_field p a:hover{
	text-decoration: underline;
}

.contact_form p.privacy{
    font-weight: 300;
    font-size: 13px;
    color: #424242 !important;
}

.contact_form .wpforms-form .wpforms-field label{
	margin-bottom: 0;
	font-family: var(--accentFont);
}

.contact_form .wpforms-form .wpforms-field{padding-bottom: 15px!important;}
.contact_form .wpforms-form .wpforms-field input,
.contact_form .wpforms-form .wpforms-field textarea{
    border: none!important;
    border-bottom: 1px solid!important;
    padding: 8px 0!important;
    font-weight: 300!important;
    border-radius: 0!important;
    font-size: 14px!important;
    resize: none;
    box-shadow: none!important;
}

.contact_form .wpforms-form .wpforms-field textarea{
	height: 80px!important;
}

.contact_form .wpforms-form .wpforms-field ::placeholder{
    color: #BDBDBD !important;
    font-size: 14px!important;
    font-weight: 300!important;
    opacity: 1;
}

.wpforms-submit-container button{
	border-radius: 3px;
	min-width: 120px;
    font-size: 14px !important;
    font-family: var(--bodyFont) !important;
    font-weight: 600 !important;
    background: var(--bgGradient) !important;
   
}
.contact_form .wpforms-submit-container button{
    padding: 12px 30px !important;
     margin-bottom: 20px;
}

div.wpforms-container-full input[type=submit]:focus:after, 
div.wpforms-container-full button[type=submit]:focus:after, 
div.wpforms-container-full .wpforms-page-button:focus:after, 
.wp-core-ui div.wpforms-container-full input[type=submit]:focus:after, 
.wp-core-ui div.wpforms-container-full button[type=submit]:focus:after, 
.wp-core-ui div.wpforms-container-full .wpforms-page-button:focus:after{
	display: none;
}

.wpforms-container .wpforms-required-label, .wp-core-ui div.wpforms-container .wpforms-required-label{
	color: var(--black)!important;
}

/*close button animation*/
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
    width:30px;
    top: -50px!important;
}

.mfp-close:before, .mfp-close:after {
    transform: rotate(-45deg);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    display: block;
    height: 2.3px;
    width: 25px;
    background-color: #fff;
    transition: all 0.25s ease-out;
}

.mfp-close:after { transform: rotate(-135deg); }
.mfp-close:hover:before,
.mfp-close:hover:after {
    transform: rotate(0deg);
}

.mfp-content .mfp-close:before,
.mfp-content .mfp-close:after{
    background-color: #fff;
}

.mfp-content .mfp-close{
	font-size:0px!important;
    margin-right: 20px!important;
    margin-top: 20px;
    opacity: 1;
	background: #C19239;
    border-radius: 100px;
}
.mfp-close:active{
	top: 0!important;
}


/*thanks message*/
.wpforms-confirmation-container-full, 
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){
    background: transparent!important;
    border: none!important;
    padding: 0!important;
    margin: 0!important;
    font-size: 20px;
    font-weight: 800;
}



/* Home - Hero
---------------------------------------------------------------------------- */
.home_hero_group .home_hero {
    display: flex !important;
    height: 100vh;
    padding-bottom: 200px!important;
}

.home_hero_group .slick-dots{ bottom:100px;  }
.home_hero_group .slick-dots li{
	margin: 0 3px;
}
.home_hero_group .slick-dots li button:before{
	content: '';
	background: var(--white);
	border-radius: 100px;
    width: 15px;
    height: 15px;
    opacity: 1;
}

.home_hero_group .slick-dots li.slick-active button:before{
	opacity: 1;
	background: var(--Gold);
}






/* Home - Intro
---------------------------------------------------------------------------- */
.home_intro h2{ padding-bottom:10px; }



/* Home - Grid
---------------------------------------------------------------------------- */
.home_grid { margin-top:0; }
.home_grid .col_txt .wp-block-group{
	padding: 50px 10%;
}

.home_grid .col_txt .wp-block-group p{
	max-width: 75%;
	margin-left: 0!important;
}

.home_grid .col_txt h2{
	font-weight: var(--fontWeightSmb);
	text-transform: uppercase;
}

.home_grid .col_img figure{
	height: 100%;
}

.home_grid .col_img figure img{
	height: 100%;
	object-fit: cover;
}


/* Portfolio Section
---------------------------------------------------------------------------- */
.sec_portfolio .title_area{
	padding-bottom: 40px;
}

.sec_portfolio .wp-block-buttons{
	padding-top: 40px;
}

.portfolio_grid {
	display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
	margin: 0 -1px!important;
}

.home_portfolio .portfolio_card {display: none; }
.home_portfolio .portfolio_card.active {display: flex;}
.portfolio_card {
	width: 100%;
    height: 100%;
    min-height: 480px;
    padding: 60px 30px !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
	border: 1px solid var(--white);
}

.portfolio_card h2,
.portfolio_card p{
	position: relative;
	z-index: 1;
}
.portfolio_card::before{
	content: '';
	background: linear-gradient(180.00deg, rgba(0, 0, 0, 0),rgb(0, 0, 0) 100%);
	position: absolute;
	z-index: 1;
	inset: 0;
}

.portfolio_card h2{
	font-weight: var(--fontWeightSmb);
}

.portfolio_card  p{
	margin-top: 10px;
	margin-bottom: 0;
}

.portfolio_card .bg_img{
	position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    inset: 0;
    transition: .5s;
    transform: scale(1);
}

.portfolio_card:hover .bg_img{
	transition: .5s;
    transform: scale(1.1);
}

.portfolio_card .desc{

}


/*Portfolio Modal*/
.portfolio-modal{
	border-radius: 10px;
	box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.85);
	padding: 0!important;
	margin: 50px 0;
  overflow: hidden;
  background: transparent!important;
}

.portfolio-modal p:empty{ display:none; }

.portfolio-modal .img_wrap,
.portfolio-modal .desc_wrap{
	max-width: 100%;
	margin: 0;
}

.portfolio-modal .img_wrap{ 
	display:block; 
	margin-bottom: -10px;
}

body.archive .portfolio-modal .img_wrap {  
	margin-bottom: -26px;
}

.portfolio-modal .img_wrap figure{
	text-align: center;
	
}
.portfolio-modal .img_wrap img{
/*	width: auto;*/
	object-fit: contain;
	margin: auto;
}

.portfolio-modal .img_wrap .slick-slide,
.portfolio-modal .img_wrap figure{
	background: var(--black);
	height: 670px!important;
}

.portfolio-modal .img_wrap .slick-slide,
.portfolio-modal .img_wrap figure,
.portfolio-modal .img_wrap img{
	max-height: 670px;
	height: 100%;
}


.portfolio-modal .desc_wrap{ background:var(--white); }
.portfolio-modal .col_meta,
.portfolio-modal .col_desc{
	width: 100%;
	max-width: 100%;
}

.portfolio-modal .col_meta p{
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: var(--fontWeightBold);
	font-family: var(--accentFont);
}

.portfolio-modal .col_desc{ max-width:600px; margin-left:0!important; }
.portfolio-modal .col_desc h2{ margin-bottom:10px; }
.portfolio-modal .col_desc p{
	font-weight: var(--fontWeightLight);
	margin: 0;
	font-size: 15px;
    color: #424242;
}

.portfolio-modal .col_bt{ display:none; }


/*modal slider*/
.portfolio-modal .slick-arrow{  
	position: absolute;
	background: #fff;
	display: flex;
	align-items: center;
	border-radius: 100px;
	width: 45px;
	height: 45px;
	justify-content: center;
	right: 20px;
	top: 50%;
	cursor: pointer;
	z-index: 10;
	transition: .3s;
	opacity: 1;
}

.portfolio-modal .slick-arrow img{
	width: auto;
	height: auto;
	object-fit: contain;
}

.portfolio-modal .slick-arrow.arrow_prev{
	left: 20px;
	right: auto;
	transform: scale(-1);
}


/* Partners Section
---------------------------------------------------------------------------- */
.sec_partners { 

}
.row_logos {
	display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    gap: 0px;
    margin-top: 30px;
}
.row_logos.grid_4{
	grid-template-columns: repeat(4, 1fr);
}

.row_logos figure{
	min-height: 180px;
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
}

.row_logos figure img{
	padding: 15px;
}



/* About
---------------------------------------------------------------------------- */
.about_hero h1 {
	margin-top: 0px;
	padding-bottom: 10px;
}

.hero_overlay_columns{  
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0px;
	z-index: 1;
	margin: 0!important;
}

.hero_overlay_columns .col_txt{
	padding: 30px 25px;
	max-width: 900px;
    margin-left: auto;
}

.hero_overlay_columns .col_txt p{
	margin-top: 0px;
}

.sec_expertise .title_area{
	padding-bottom: 30px;
}

.sec_expertise .wp-block-column figure + p{
	margin-top: 10px;
}

.banner_box .mt-0{ margin-top:0; }



/* Crewing
---------------------------------------------------------------------------- */
.solutions_hero { overflow:hidden; }
.solutions_hero  h1{ margin-top:-10px!important; }
.solutions_hero .img_grid{ margin-top:60px; }
.solutions_hero .img_grid figure{  
	height: 500px;
}

.solutions_hero .img_grid figure img{
	height: 100%;
	width: 100%!important;
	object-fit: cover;
	padding: 0px 5px;
}

.solutions_hero .check_list{ gap:50px; margin-top:40px; }
.solutions_hero .check_list p img{ vertical-align:middle; margin-right:5px; }

.crewing_content .wp-block-columns{ gap:50px; }
.crewing_content .wp-block-column{ padding-bottom:15px; }
.crewing_content .wp-block-column  figure.icon{ height:50px; display:flex;align-items:center; }
.crewing_content .wp-block-column h3{ margin-top:15px; } 
.crewing_content .wp-block-column p{ font-weight:var(--fontWeightLight); }


.txt_img_grid{ padding-top:60px; gap:60px; }
.txt_img_grid h2{ padding-bottom:10px; }
.txt_img_grid h3{ padding-top:40px; margin-top:0!important; }
.txt_img_grid p{ font-weight:var(--fontWeightLight); }

.txt_img_grid .col_img .mt-1{ margin-top:1px; }


.crewing-slider{ opacity:0; }
.crewing-slider.slick-initialized{ opacity:1; }
.crewing-slider .slick-list{
	overflow: visible;
}

.crewing-slider .slick-arrow{
	position: absolute;
	background: #fff;
	display: flex;
	align-items: center;
	border-radius: 100px;
	width: 45px;
	height: 45px;
	justify-content: center;
	right: -11%;
	cursor: pointer;
	z-index: 10;
	transition:.3s;
	opacity: 1;
}

.crewing-slider .slick-arrow.arrow_prev {
	left: -11%;
	right: auto;
	transform: scale(-1);
}

.crewing-slider .slick-arrow.slick-disabled{ opacity:0; transition:.3s; }


/* LED Solutions
---------------------------------------------------------------------------- */
.col_grid_img_txt { gap:40px; }
.banner_box.fullwidth_banner{
	/*margin-left: calc(-100vw / 2 + 100% / 2) !important;
    margin-right: calc(-100vw / 2 + 100% / 2) !important;
    max-width: 100vw;*/
    min-height: 575px;
}

.banner_box.fullwidth_banner .wp-block-columns{
	max-width: 100%!important;
}

.banner_box.fullwidth_banner .desc_box{
	position: absolute;
	max-width: 600px;
	right: 10px;
	bottom: 10px;
}

.banner_box.fullwidth_banner .desc_box.bottom-0{ bottom:0; }

.led_card{  }

.led_card .img_wrap {  
	position: relative;
	overflow: hidden;
}
.led_card .bg_img{  
	position: absolute;
	inset: 0;
	z-index: -1;
}

.led_card .bg_img img,
.crewing_content .col_img figure img,
.home_grid .col_img figure img{  
	height: 100%;
	object-fit: cover;
	transition: .5s;
	transform: scale(1);
}

.led_card:hover .bg_img img,
.crewing_content .col_img figure:hover img,
.home_grid:hover .col_img figure img{
	transition: .5s;
	transform: scale(1.1);
}

.crewing_content .col_img figure,
.home_grid .col_img figure{
	overflow: hidden;
}


/* Portfolio
---------------------------------------------------------------------------- */
.portfolio_hero .wp-block-cover__inner-container{ 
	padding-left: 0!important;
	padding-right: 0!important;
}


/* News
---------------------------------------------------------------------------- */
.news_hero h1{ margin-top:0px; }

.news_row{
	position: relative;
	gap: 40px;
	margin-top: 40px;
}

.news_row .col_img figure{ height:100%; overflow:hidden; }
.news_row .col_img figure img{ 
	height:100%; 
	object-fit:cover; 
	width:100%; 
	transition: .5s;
	transform: scale(1);
}

.news_row:hover .col_img figure img{
	transition: .5s;
	transform: scale(1.1);
}

.news_row h2{
	text-transform: uppercase;
}

.news_row .date span{  
	margin: 0 5px!important;
}


.accordion-group {
    padding: 17px 0;
    border-bottom: 1px solid #000;
	cursor: pointer;
}

.accordion-group p.accordion-title {
    display: flex;
    justify-content: space-between;
}

.accordion-group.active .accordion-title img {
    content:url("https://profmedia.me/wp-content/uploads/2025/03/accordion-icon-up.svg");
}

.accordion-group .accordion-content {
    display: none;
}

.page-id-914 .led_card .bg_img {
    width: 100%;
    max-width: unset;
}
.page-id-914 .led_card .bg_img img {
    width: 100%;
}
.page-id-914 .led_card .img_wrap p {
    max-width: unset;
}

/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (max-height: 780px) {
	.portfolio-modal .img_wrap img{
		max-height: 500px;
	}
}

@media only screen and (max-width: 1580px) {
	header{ padding-left:8%; padding-right:8%; }
	header .wp-block-site-logo img{ margin-left:0px; }


	.crewing-slider .slick-arrow{ right:0; }
	.crewing-slider .slick-arrow.arrow_prev {
		left: 0;
	}
}

@media only screen and (max-width: 1380px) {
	/*html{
		font-size: 0.8rem;
	}*/


	/* Header
	------------------- */
	header .menu_center .wp-block-navigation{ gap: 10px; }


	/* Home
	------------------- */
	.home_hero h1{ font-size:3.5rem!important; }
	.home_grid .col_txt h2{ font-size: 2rem!important; }
	.home_grid .col_txt .wp-block-group p{ max-width:100%; }


	/* LED Solutions
	------------------- */
	.banner_box.fullwidth_banner{
/*		margin-left: calc(-100vw / 2 + 100% / 2) !important;*/
	    margin-right: calc(-100vw / 2 + 100% / 2) !important;
	    max-width: calc(100vw - 10%);
	}

}

@media only screen and (max-width: 1280px) {

	/* Header
	------------------- */
	header .menu_center .wp-block-navigation{ gap: 0px; }
}

@media only screen and (max-width: 1180px) {

	/* Header
	------------------- */
	header { padding-left:30px; padding-right:30px; }
	header .menu_center .wp-block-navigation{ gap: 0px; }


	/* Home
	------------------- */
	.home_grid .col_txt .wp-block-group p{ max-width:100%; }


	/* Portfolio
	------------------- */
	.portfolio_grid{ grid-template-columns: repeat(3, 1fr); }


	/* Modal
	------------------- */
	.mfp-content{ max-width:95%; }

}

@media only screen and (max-width: 1008px) {

	.row_container,
	footer .inner_wrap{ 
		padding-left:30px!important; 
		padding-right:30px!important; 
	}

	.row_container.px-0{
		padding-left: 0!important;
		padding-right: 0!important;
	}


	/* Header
	------------------- */
	/*hamburger starts*/
	header .menu_toggle{ display:block; }
	.hamburger {
		padding:0px;
		cursor: pointer;
		transition-property: opacity, filter;
		transition-duration: .3s;
		transition-timing-function: linear;
		text-transform: none;
		line-height: 1;
		margin: 0;
		overflow: visible; 
		background: transparent!important;
		outline: none;
		width: auto;
		border: none;
		border-radius: 4px;
		position: absolute;
		right: 0px;
		top: 30px;
		display: block;
		opacity: 1;
		z-index: 99;
	}
	.hamburger-label{
		color: var(--black);
		font-size: 0px;
	}

	.hamburger-box {
		width: 48px;
		height: 48px;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		opacity: 1;
		transition: .3s;
		transform: translateY(-1px);
	}

	.hamburger-box .top,
	.hamburger-box .middle,
	.hamburger-box .bottom{
		width: 25px;
		height: 2px;
		background-color: var(--white);
		position: absolute;
		transition-property: transform;
		transition-duration: .3s;
		transition-timing-function: ease;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		left: 11px;
		border-radius: 35px;
	}

	.hamburger-box .top{
		display: block;
		top: 35%;
	}

	.hamburger-box .middle{
		top: 24px;
	}

	.hamburger-box .bottom{
		top: 31px;
        width: 18px;
	}

	.activated .hamburger-box .top{
		transform: rotatez(45deg) translate(5px,5px);
		left: 12px;
	}

	.activated .hamburger-box .middle{ opacity:0; transform: translate(0px,-1px) rotatez(0deg);}
	.activated .hamburger-box .bottom{ transform: rotatez(-45deg) translate(5px,-5px); left:12px; }
	.activated .hamburger-box .bottom{ right:auto; width:25px; }
	/*hamburger ends*/


	.menu_dropdown{  
		width: 100vw;
		height: 470px;
		position: absolute;
		background: var(--Blue);
		top: 0px;
		z-index: 1;
		left: -30px;
		padding: 130px 30px 50px 35px;
		transition: 500ms;
		transform: translateY(-20px);
		opacity: 0;
		pointer-events: none;
	}

	.dropdown_activated .menu_dropdown{
		transition: 500ms;
		transform: translateY(0px);
		opacity: 1;
		pointer-events: all;
	}

	header .menu_logo { position:relative; z-index:99; }
	header .header_menu .wp-block-navigation__container{ display:block; padding-bottom:20px; }
	header .menu_right .wp-block-group{ max-width:100%; }
	header .wp-block-navigation .wp-block-navigation-item{ font-size:18px!important; padding-bottom:10px; }


	header .menu_center .wp-block-navigation{
		display: block;
	}

	header .menu_center,
	header .menu_right{
		display: none;
	}

	header .menu_dropdown .menu_center, header .menu_dropdown .menu_right{
		display: flex;
	}

	header .menu_center .wp-block-navigation li{ padding:8px 0; }
	header .menu_center .wp-block-navigation li:hover, 
	header .menu_center .wp-block-navigation li.current-menu-item,
	header .menu_center .wp-block-navigation li.active{
		background: transparent;
/*		color: var(--black);*/
	}

	header .menu_right{ padding-top:20px; }
	.wp-block-navigation .wp-block-navigation__submenu-icon{ outline:none; border:none; }
	header ul.wp-block-navigation-submenu{ margin-top: 0px !important; padding:5px; }
	header ul.wp-block-navigation-submenu::before{ margin-top: -17px; }


	/* Footer
	------------------- */
	footer .col_contacts{ padding-left:35px; }
	footer .col_menus h2{	
		font-size: 14px!important;
	}

	footer .col_contacts .lbl + p{ font-size: 18px !important; }


	/* Home
	------------------- */
	.home_hero .wp-block-columns{ display:block; }
	.home_intro .wp-block-columns{ display:block; }

	.home_hero_group { padding-left:0!important; padding-right: 0!important;}
	.home_hero_group .home_hero{ 
		min-height:auto!important; 
		height:600px; 
		padding-bottom: 150px !important; 
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.home_hero_group .slick-dots{ bottom: 60px; }


	.home_grid{ display: grid !important; }
	.home_grid .col_txt .wp-block-group{ padding:0 30px; }

	.home_grid.img_right .col_txt {
		order: 2;
	}

	.home_grid.img_left{ padding-bottom:60px; }


	/* Portfolio
	------------------- */
	.sec_portfolio .title_area{ font-size: 28px !important; }


	/* About
	------------------- */
	.about_content .intro_col{ display:block; }

	.banner_box{ margin-bottom:70px!important; }
	.banner_box .wp-block-group{ padding:40px!important; }


	/* Crewing
	------------------- */
	.solutions_hero h1{ font-size:3rem!important; }
	.solutions_hero .check_list{ gap: 35px; }

	.solutions_hero .img_grid{ margin-top: 40px;  display: block !important; }
	.crewing-slider .slick-arrow{ top:45%; }

	.crewing_content .main_col{ display:block; }
	.txt_img_grid{ padding-right:0!important; margin-top:0; }
	.crewing_content .ftrd_img{ margin:0; }


	/* LED Solutions
	------------------- */
	.banner_box.fullwidth_banner{
		margin-left: calc(-100vw / 2 + 100% / 2) !important;
	    margin-right: calc(-100vw / 2 + 100% / 2) !important;
	    max-width: calc(100vw);
	    margin-bottom: 0!important;
	}

/*	.col_grid_img_txt{ gap: 20px; }*/
	.led_content .intro_text  p{ margin-bottom:0!important; }



	/* News
	------------------- */
	.news_hero{
		padding-top: 200px!important;
    	padding-bottom: 200px!important;
	}

	.news_intro { display:block!important; }
	.news_row h2{ font-size:1.8rem!important; }
	.news_row{ gap:20px; margin-top:20px; }


}

@media only screen and (max-width: 781px) {

	/* Portfolio
	------------------- */
	.portfolio_grid{ grid-template-columns: repeat(2, 1fr); }


	/* Partners
	------------------- */
	.sec_partners { padding-top:30px!important; padding-bottom:80px!important; }


	/* Footer
	------------------- */
	footer .col_contacts{
		display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
	}


	/* About
	------------------- */
	.hero_overlay_columns .col_txt .wp-block-group{
		padding: 0!important;
	}

	.row_logos.grid_4{ grid-template-columns: repeat(3, 1fr); }
	.sec_expertise .wp-block-columns{ margin:0; padding:0 0 30px 0!important; gap:30px; }
	.sec_expertise .wp-block-columns .wp-block-column{
		padding: 0!important;
	}


	/* Crewing
	------------------- */
	.solutions_hero { padding-top:200px!important; padding-bottom:60px!important; }
	.crewing_content .wp-block-columns{ margin-top:0; }
	.crewing_content .wp-block-column{ 
		padding-right: 0 !important;
    	padding-left: 0 !important;
	}
	.solutions_hero .img_grid figure img{ width:100%!important; }
	.solutions_hero .check_list{ 
		display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
	}


	.txt_img_grid{ gap:25px; }
	.txt_img_grid h2{ padding-bottom:0; }


	/* Contact Modal
	------------------- */
	.mfp-content{ margin-top:32px!important; }
	.contact_form{ display:block;padding: 80px 30px 30px 30px; }


	/* Portfolio Modal
	------------------- */
	.portfolio-modal .desc_wrap{ padding:25px!important; }
	.portfolio-modal .col_txt .wp-block-group{ gap:10px; }
	.portfolio-modal .desc_wrap .col_bt .wp-block-buttons{
		justify-content: flex-start!important;
		padding-bottom: 10px;
	}
	.portfolio-modal .col_meta { display:block; }


	/* Portfolio Page
	------------------- */
	.portfolio_hero{ padding-top:220px!important; }
	.portfolio_hero .wp-block-cover__inner-container{ padding:0!important; }



}

@media only screen and (max-width: 680px) {

	/* Header 
	------------------- */
	header .wp-block-site-logo{  width: 160px; }
	.hamburger{ top: 22px; }
	header ul.wp-block-navigation-submenu{ padding:5px; }


	/* Footer 
	------------------- */
	footer .inner_wrap{ padding-top:45px!important; padding-bottom: 0!important;}
	footer .col_contacts{ 
		grid-template-columns: 1fr;
		gap: 30px; 
		padding-bottom: 40px;
	}

  footer .col_menus .wp-block-group{
  	justify-content: flex-start!important;
  	gap: 40px 60px;
  }

  footer .col_menus .wp-block-group .wp-block-group{
  	gap: 10px;
  }

  footer .row_copyright p{ text-align:left; }

  footer .row_copyright{ padding-bottom:20px; gap: 10px; margin-top: 15px; }


	/* Font Sizes
	------------------- */
	.home_hero h1,
	.about_hero h1,
	.solutions_hero h1{  font-size: 3.0rem !important; }

	.home_intro h2{ font-size: 22px !important; }

	.home_grid .col_txt h2,
	.banner_box .wp-block-group h2,
	.sec_partners h2{ font-size: 1.5rem !important; }

	.about_hero h1 br{ display:none; }


	/* Home 
	------------------- */
	.home_hero{ min-height: 600px!important; padding-bottom:40px!important; }

	.home_intro { padding-bottom:60px!important; }


	/* Portfolio 
	------------------- */
	.sec_portfolio .title_area{ padding-bottom:25px; }
	.portfolio_grid{  }
	.portfolio_card{ min-height:350px;  padding: 15px 15px !important; }
	.portfolio_card h2{ margin-bottom:15px; }
	.portfolio_card p{ word-break:break-word; }

	.sec_portfolio .wp-block-buttons{ padding-top: 25px; padding-bottom: 30px; }


	.portfolio_content { padding-bottom:20px!important; }

	.portfolio-modal .slick-arrow{ 
		width: 35px;
    height: 35px;
	}

	.portfolio-modal .img_wrap .slick-slide, 
	.portfolio-modal .img_wrap figure, 
	.portfolio-modal .img_wrap img{
		max-height: 300px;
	}


	/* Partners 
	------------------- */
	.row_logos{  grid-template-columns: repeat(2, 1fr); margin-top:20px; }
	.row_logos figure{ min-height: 140px; }
	.row_logos figure img{ padding:25px; }


	/* About 
	------------------- */
	.about_hero { 
		min-height:500px!important; 
		padding-top:180px!important; 
		padding-bottom: 0 !important;
	}
	.hero_overlay_columns .col_txt .main_row{
		display: grid;
    	grid-template-columns: 1fr 1fr;
	}

	.hero_overlay_columns{
		position: initial;
		margin-top: 60px!important;
		margin-left: -30px !important;
    margin-right: -30px !important;
	}

	.about_content{ padding-bottom:0px!important; padding-top:40px!important; }
	.about_content .intro_col{ padding-bottom:0px; }
	.row_logos.grid_4{ grid-template-columns: repeat(2, 1fr); }

	.sec_expertise { margin-top:0; }

	.banner_box .wp-block-group{ padding: 30px !important; }
	.banner_box .wp-block-group h2{  }


	/* Crewing 
	------------------- */
	.solutions_hero{ padding-top: 160px !important; padding-bottom: 50px !important; }
	.solutions_hero .img_grid figure{ height:400px; }


	.solutions_hero .check_list{gap: 5px; grid-template-columns: 1fr 1fr; margin-top: 30px; align-items: flex-start;}
	.solutions_hero .check_list p{  
		display: flex;
		align-items: flex-start;
		font-size: 16px;
	}

	.solutions_hero .check_list p img{ position: relative; top: 1px; }

	.crewing_content .wp-block-columns{ gap: 15px; }
	.crewing_content .main_col{ padding-top:50px; }
	.crewing_content .main_col .wp-block-columns{  padding-top:0!important; padding-bottom:15px!important; }

	.txt_img_grid{ padding-top:40px; }
	.txt_img_grid h3{ padding-top:30px; }
	.txt_img_grid p{ margin-top:10px; }


	.crewing_content .main_col > .wp-block-column{ padding-bottom:0!important; }


	/* LED Solutions 
	------------------- */
	.banner_box.fullwidth_banner .desc_box{ bottom:0; right: 0px; }
	.banner_box.fullwidth_banner{ min-height:500px; }

	.led_content{ padding-top:40px!important; }
	.led_content .intro_text { gap: 0px; }

	.col_grid_img_txt .wp-block-column .wp-block-group{  
		padding: 30px!important;
		min-height: 400px;
		display: flex;
        align-items: flex-end;
	}

	.col_grid_img_txt .wp-block-column .wp-block-group p{width:100%; }


	/* Contact Modal
	------------------- */
	.contact_form{ padding-top:65px; }
	.contact_form h2{ font-size:26px; }
	.contact_form h2 + p{ font-size:16px; }
	.contact_field p{ font-size: 18px; }


	/* News
	------------------- */
	.news_hero{ padding-bottom: 100px !important; }

	.news_content { padding-top:30px!important; }
	.news_intro { padding-bottom:30px!important; }


	.news_row{ padding-bottom:20px; }
	.news_row h2 {
        font-size: 1.5rem !important;
    }

    .news_row p{
    	margin-top: 15px;
    }

}