/**
 * Theme Name: Divi WSB
 * Template:   Divi
 * Author:     Geir THomas Andersen / Runbox Solutions AS
 */

@font-face {
    font-family: 'Gotham Medium';
    src: url('https://nextwestside.com/wp-content/uploads/et-fonts/GothamMedium_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham Condensed Medium';
    src: url('https://nextwestside.com/wp-content/uploads/et-fonts/GothamCondensed-Medium.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham Condensed Thin';
    src: url('https://nextwestside.com/wp-content/uploads/et-fonts/gotham-condensed-thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham XLightItalic';
    src: url('https://nextwestside.com/wp-content/uploads/et-fonts/Gotham-XLightItalic.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

:root {
    --main-background-color: rgb(28,75,116);
    --main-font-color: #3c3a47;
    --heading-font-color: rgb(28,75,116);
    --menu-font-color: rgb(255,255,255);
    --submenu-font-color: rgb(28,75,116);
}

/* Generic styles */

h1 {
    font-family: 'Gotham Condensed Thin', Helvetica, Arial, sans-serif !important;
    font-size: 60px !important;
    color: var(--heading-font-color) !important;
    text-transform: uppercase;
 }
h2 {
    font-family: 'Gotham Condensed', Helvetica, Arial, sans-serif !important;
    font-size: 36px !important;
    color: var(--heading-font-color) !important;
    font-weight: bold;
}
h3 {
    font-family: 'Gotham Condensed', Helvetica, Arial, sans-serif !important;
    font-size: 30px !important;
}
h4 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 26px !important;
    color: var(--heading-font-color) !important !important;
}


body, p, div {
    font-size: 14px !important;
    color: var(--main-font-color);
}


/* Header */

#headerSection {
    height: 175px;
    padding: 0 !important;
    background-color: var(--main-background-color)!important;
    color: var(--main-font-color);

    div, ul {
	text-align: center;
    }
    .et_pb_menu_0_tb_header.et_pb_menu {
	background: none !important;
    }	
    .et_pb_menu__menu, .et-menu-nav, .nav {
	width: 100%;
    }
    .et-menu a {
	color: var(--menu-font-color) !important;
    }
    .et-menu .menu-item-has-children > a:first-child::after {
	top: -5px;
    }
    nav {
	/* Temporary until the background image can be replaced and the actual logo can be enabled in Divi */
	padding-top: 145px;
	ul {
	    justify-content: space-around;
	}
	li {
	    text-transform: uppercase;
	    a {
		font-size: 14px;
	    }
	    li ul {
		left: 350px !important; /* Position of sub-sub-menu */
	    }
	}
	li:after {
	    /* margin: 0.1em 0 0 1em; */
	    /* content: '\25BC'; */
	}
    }
    .sub-menu {
	min-width: 350px;
	background: rgba(255, 255, 255, 0.75) !important;
	text-align: left !important;
	
	li {
	    min-width: 350px;
	    a {
		min-width: 330px; /* To make room for down-arrow */
		color:  var(--submenu-font-color) !important;
	    }
	    a::after {
		top: 0px !important;
	    }
	}
    }
}

#headerLogo img {
    width: 200px;
    height: auto;
}

#mainSlider {

    .et_pb_slide {
	height: 575px;
    	background-size: 100%;
    }
}

.et_pb_button_3_wrapper .et_pb_button_3 {
    padding-bottom: 0 !important;
}

.et_pb_button {
    border-radius: 0 !important;
    text-transform: uppercase;
}

/* Page-List plugin to show class grid of child pages */

/* Move child page title underneath featured image in child page grid */
.page-list {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-gap: 0.5em;
    margin: 0 !important;
}

.page-list-ext::before, .page-list-ext::after {
    content: none !important; /* Override empty cell at start and end of grid */
}

.page-list-ext .page-list-ext-title {
    clear: inherit !important; /* To prevent hiding grid image link */
}

.page-list-ext .page-list-ext-item {
}

.page-list-ext-item-h3 a {
    text-decoration: none;
}

.page-list-ext-item img {
    /* border: 1px solid #888; */
    object-fit: cover;
}

.page-list-ext-image {
    /* Crop height for a rectangular shape */
    height: 200px; 
    overflow: hidden;
}

h3.page-list-ext-title a {
    position: inherit !important;
    float: left;
    font-size: 0.9em !important;
    line-height: 1em;
}

/* ZI List Child Pages in left pane */

.zinv_list_child_pages {
    padding-top: 10px;
    
    li a {
	font-family: "Gotham Condensed";
	font-size: 30px;
    }
}

/* Class pages */

.balletTrainingProgramsChildPage {
    img {
	float: right;
	width: 50%;
	height: auto;
    }
}

.zinv_list_child_pages li a {
    display: inline-block;
}

/* Footer */

#footerSection {
    background-color: var(--main-background-color);
}