/*
 Theme Name:     Modus-Divi-Child
 Theme URI:      wwww.studiotwofold.com.au
 Description:    Studio Twofold Creative Child Theme
 Author:         Jamie Walker
 Author URI:     wwww.studiotwofold.com.au
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

p {
	font-weight: 300;
}

.et_header_style_left .logo_container {
	margin-left: calc(50% - 160px);
}

#main-header.et-fixed-header .logo_container {
		margin-left: calc(50% - 100px);
}


/* Primary Menu Style */
#mobile_menu_slide {
	line-height: 0.5;
	text-transform: uppercase;
}

.submenu a {
    color: #283178 !important;
	font-size: 12px !important;
}

#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover { 
    color: #05c3de !important; 
    opacity:1 !important;
}


/* Breadcrumbs Color */
.breadcrumbs-color a, .breadcrumb_last {
	color: #ffffff;
	opacity: 0.5;
}


/*-------------------CASE STUDIES PROJECTS STYLING ------------------*/

/* CASE STUDIES - Center Portfolio Filers */
.et_pb_portfolio_filters ul {
text-align: center;
margin: 0 auto;
}
li.et_pb_portfolio_filter {
float: none !important;
display: inline-block;
}

/* Portfolio hover colour */
h2.et_pb_module_header a:hover {
	color: DeepSkyBlue !important;
	opacity: 1 !important;
}


.stf-subtitle {
	color: #000000;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 1.2em;
	padding-bottom: 5px;
	text-transform: uppercase;
}

.stf-title {
	color: #00677f;
	font-size: 24px;
	line-height: 1.2em;
	padding-bottom: 5px;
}

.stf-description {
	font-weight: 300;
	font-size: 16px;
	line-height: 1.2em;
}



/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {
 
li.et_pb_portfolio_filter {
display: block;
width: 100% !important;
}
}




/* Fix Facilities Page Map Alignment */ 

@media only screen and ( min-width: 770px ) {
.australiaHtml5MapStateInfo {
	margin-top:10vw !important;
}
}

.australiaHtml5MapStateInfo {
	margin-bottom: 50px;
}

#australia-html5-map-state-info_0 > div > a:hover {
  color: #ffffff;  
}


/* EDIT FOOTER SLIDERS STYLE */
#modus_licenses .owl-item {
	font-family: lato, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 1.5;
}
#modus_accreditations .owl-item {
	opacity: 0.5;
}


/* Footer Menu Changes */

.footer-text-style .et_pb_text_inner a:hover {
	color: #ffffff !important;
}


/* Hide map text */
#map-container-0 > div > a {
	display: none !important;
}


/* Hide the posted Date on Jobs/career pages */
li.date-posted, .page-id-141 .meta {
	display: none;
}




/*-----------------------------------------------*/ 
/*-----Scrolling Module Carousel by Divi Soup----*/ 
/*-----------------------------------------------*/


/*Carousel settings, adjust these values only*/

:root {
    --ds-module-number: 14; /*Your TOTAL number of modules, so if you have 8 modules duplicated, this number should be 16*/
    --ds-columns-desktop: 6; /*The number of modules you want displayed at any one time on desktop*/
    --ds-columns-tablet: 4; /*The number of modules you want displayed at any one time on tablet*/
    --ds-columns-mobile: 2; /*The number of modules you want displayed at any one time on mobile*/
    --ds-speed-desktop: 30s; /*The speed you want your carousel to move on desktop (increase value for slower, decrease for faster)*/
    --ds-speed-tablet: 30s; /*The speed you want your carousel to move on tablet (increase value for slower, decrease for faster)*/
    --ds-speed-mobile: 30s; /*The speed you want your carousel to move on mobile (increase value for slower, decrease for faster)*/
}

/**************************************************/
/*You do not need to edit anything below this line*/
/**************************************************/

/*Variables for desktop*/

@media all and (min-width: 981px) {
    :root {
        --ds-column-width: auto;
        --ds-module-width: calc(100vw / var(--ds-columns-desktop));
        --ds-column-animation: calc(var(--ds-module-width) - (var(--ds-module-width) * 2));
        --ds-scroll-speed: var(--ds-speed-desktop);
    }
}


/*Variables for tablets*/

@media all and (max-width: 980px) {
    :root {
        --ds-column-width: auto;
        --ds-module-width: calc(100vw / var(--ds-columns-tablet));
        --ds-column-animation: calc(var(--ds-module-width) - (var(--ds-module-width) * 2));
        --ds-scroll-speed: var(--ds-speed-tablet);
    }
}


/*Variables for mobile*/

@media all and (max-width: 479px) {
    :root {
        --ds-module-width: calc(100vw / var(--ds-columns-mobile));
        --ds-scroll-speed: var(--ds-speed-mobile);
    }
}


/*Hide the row overflow*/

.ds-carousel {
    overflow: hidden;
}


/*Define the grid and apply animation*/

.ds-carousel .et_pb_column {
    display: grid;
    grid-template-columns: repeat(var(--ds-module-number), var(--ds-module-width));
    width: var(--ds-column-width);
    -webkit-animation: scroll var(--ds-scroll-speed) linear infinite;
    animation: scroll var(--ds-scroll-speed) linear infinite;
}


/*Apply the module width*/

.ds-carousel .et_pb_module {
    width: var(--ds-module-width) !important;
}


/*Define the animation*/

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
        transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
        transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
    }
}


/*Pause animation on hover*/

.ds-carousel .et_pb_column:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

/*-----------------------------------------------*/ 
/*---End Scrolling Module Carousel by Divi Soup--*/ 
/*-----------------------------------------------*/