/*
 Theme Name:   Divi Child
 Theme URI:    http://[INSERT URL]/Divi-child/
 Description:  Divi Child Theme
 Author:       The Other Dimension
 Author URI:   http://theotherdimension.com
 Template:     Divi
 Version:      2.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  divi-child
*/




/*** Temporary Styling ***/

/*** Menu Styling ***/

#et_search_icon:hover, .mobile_menu_bar:before, .mobile_menu_bar:after, .et_toggle_slide_menu:after, .et-social-icon a:hover, .et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .entry-summary p.price ins, .et_pb_member_social_links a:hover, .et_pb_widget li a:hover, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .wp-pagenavi span.current, .wp-pagenavi a:hover, .nav-single a, .tagged_as a, .posted_in a {
    color: #1cbbff !important;
}

/*** General Styling ***/

.et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
    padding: 0.15em 1em 0em 1em !important;
}

.zoom .et_pb_column {
  position: relative;
  overflow: hidden;
}

.zoom .et_pb_column::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
  will-change: transform;
}

.zoom .et_pb_column:hover::before {
  transform: scale(1.1);
}


.zoom .et_pb_column::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.4) 100%);
  z-index: 0;
  pointer-events: none;
}

.zoom .et_pb_text {
z-index: 999;
}

.middle-row {
	align-items: center;
	-webkit-align-items: center;
	display: flex;
}

.dsm_flipbox_child_image {
    max-width: 50% !important;
}


	.swap_row, 
	.abr-middle-row.swap_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex !important;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	} 
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
		/* margin-bottom: 30px !important; */
	} 
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	} 
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	} 
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	.swap_row:last-child .et_pb_column:last-child {
		margin-bottom: 0;
	}
	.abr-middle-row {
		display: block;
	}

.column-with-tooltip {
    position: relative;
    cursor: pointer;
}

.column-with-tooltip::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 999;
    pointer-events: none;
}

.column-with-tooltip::after {
    content: "";
    position: absolute;
    bottom: 93%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: #333;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 999;
}

.column-with-tooltip:hover::before,
.column-with-tooltip:hover::after {
    visibility: visible;
    opacity: 1;
}

/* Hover flipbox backgrounds
.dsm-flipbox {
    height: 330px;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
*/


/*** Typography Styling ***/

h1, h2, h3, h4, h5, h6 {
	line-height: 0.9em !important;
	font-weight: 500 !important;
}

/*** h1 {
  font-size: clamp(6rem, 8vw - 2rem, 8rem) !important;
}
***/

h1 {
  font-size: clamp(4rem, 12vw - 2rem, 6rem) !important
}
	
h2 {
  font-size: clamp(3rem, 6vw - 1.5rem, 4rem) !important;
}

h3 {
  font-size: clamp(1.75rem, 5vw - 1rem, 2.5rem) !important;
}

h4 {
  font-size: clamp(1.5rem, 4vw - 0.5rem, 2rem) !important;
}

.entry-content ol {
	padding-bottom: 0 !important;
}

body,
p,
ul li {
	font-weight: 400;
    font-size: 16px;
}

.entry-content ul,
.post-content ul,
.content ul {
    margin-left: 2rem;
    padding-left: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

ol li {
	font-weight: 400;
    font-size: 16px;
	padding-bottom: .5em;
}

.et_pb_text a {
	font-weight: 800;
}

.et_pb_text a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    overflow-wrap: normal;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.15em;
    /* padding-bottom: 1.5rem; */
	font-weight: normal;
}

.home-hero h1 {
	font-family: 'Bebas Neue', display;
	font-size:8rem !important;
	line-height:0.8em; 
	font-weight: 700 !important;
	position: relative;
	}

.home-hero h1::before {
    content: 'WE TAKE YOU THERE ... AND BEYOND';
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: -1;
    color: rgba(0,0,0,0.4);
  filter: blur(10px);
}

.home-comms h3 {
	font-family: 'Bebas Neue', display;
	font-size:4rem !important;
	line-height:0.9em !important; 
	font-weight: 700 !important;
	position: relative;
	}

.home-comms h3::before {
    content: 'COMMUNICATIONS \A & MEDIA ▸';
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: -1;
    color: rgba(0,0,0,0.6);
  filter: blur(10px);
	white-space: pre;
}

.home-events h3 {
	font-family: 'Bebas Neue', display;
	font-size:4rem !important;
	line-height:0.9em !important; 
	font-weight: 700 !important;
	position: relative;
	}

.home-events h3::before {
    content: 'MAJOR \A EVENTS▸';
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: -1;
    color: rgba(0,0,0,0.6);
  filter: blur(10px);
	white-space: pre;
}

.home-content-creative h3 {
	font-family: 'Bebas Neue', display;
	font-size:4rem !important;
	line-height:0.9em !important; 
	font-weight: 700 !important;
	position: relative;
	}

.home-content-creative h3::before {
    content: 'CONTENT \A & CREATIVE ▸';
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: -1;
    color: rgba(0,0,0,0.6);
  filter: blur(10px);
		white-space: pre;
}

.home-strategy h3 {
	font-family: 'Bebas Neue', display;
	font-size:4rem !important;
	line-height:0.9em !important; 
	font-weight: 700 !important;
	position: relative;
	}

.home-strategy h3::before {
    content: 'STRATEGIC \A SERVICES ▸';
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: -1;
    color: rgba(0,0,0,0.6);
  filter: blur(10px);
		white-space: pre;
}

/*** Form Styling ***/

.gform_wrapper.gravity-theme .gfield_label {
    font-size: 2em;
    font-weight: 500;
    margin-bottom: 8px;
    font-family: 'Bebas Neue';
}

.gform_wrapper.gravity-theme .gfield_required .gfield_required_custom, .gform_wrapper.gravity-theme .gfield_required .gfield_required_text {
    font-style: normal;
    font-weight: 500;
}
.gform_wrapper.gravity-theme .gfield_required {
    color: #1cbbff;
    font-size: 0.9em;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    background-color: #fff;
    border: 2px solid #03477a;
    padding: 2px;
    color: #4e4e4e;
}

.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
    margin-bottom: 8px;
    font-size: 2em;
    color: #1cbbff;
    font-weight: 500;
    font-family: 'Bebas Neue';
    background-color: #03477a;
    border: solid 0px;
    padding: 8px 16px 6px 16px;
}

sup {
    bottom: 0.5em;
    font-size: 0.8em;
}

/*** Menu Styling ***/

.bg-menu ul:not(.sub-menu) li {
	list-style-type: none;
	margin-bottom: 1em !important;
}

.bg-menu ul.sub-menu li {
	padding-left: 1em;
	margin-bottom: .5em;
}

.bg-menu ul li.first {
	margin-bottom: 2em !important;
}

.bg-menu ul.sub-menu li {
	margin-top: 1em !important;
}

.our-brand .et_builder_inner_content {
	z-index: 10;
}

.our-brand .et_pb_section:not(.bg-menu):not(.brand-hero):not(.brand-logo):not(.brand-about):not(.et_pb_section_0_tb_footer):not(.at-partners):not(.et_pb_section_1_tb_footer):not(.footer-bottom):before {
	content: "";
    background: var(--grad);
    height: 2px;
    width: 80%;
    max-width: 1200px;
	position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*** Responsive Styling ***/



/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

 
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}


/*** Responsive Styles Tablet And Above ***/
@media all and (min-width: 981px) {
	
}


/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {


}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 480px) {
}