/*!
Theme Name: MPD Holding Page
Theme URI: http://underscores.me/
Author: Modern Print & Design
Author URI: https://www.modernprint.co.uk
Description: Starter Holding Page
Version: 1.0.0
*/

#page {
	min-width:100%;
	min-height:100vh;
}

div#logo {
    max-height: 20rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* width: auto; */
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 1rem;
}

div#logo > img {
    height: 100%;
    width: auto;
}

div#contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    font-size: 1.125rem;
    margin-bottom: 1rem;
}

div#contact > div {
    width: 100%;
    text-align: right;
}

div#contact > div + div {
    margin-top: 1rem;
}

div#heading {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 2rem;
}

div#heading h1 {
    color: var(--text-heading);
    line-height: 1;
    margin: 0;
    font-family: inherit;
    font-weight: 700;
}

div#contact a,
div#text-content a {
    color: var(--text-anchor);
    border-bottom: 1px dotted;
    font-weight: 700;
    position: relative;
}

div#contact svg {
    margin-bottom: -.425rem;
    margin-right: .25rem;
}

div#contact svg path {
    fill: var(--text-heading);
}

div#contact span {
    color: var(--text-body);
}

#primary[data-bg="grd"] {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--bg-grad-ang)), color-stop(var(--bg-start-color)), to(var(--bg-end-color)));
    background: linear-gradient(var(--bg-grad-ang), var(--bg-start-color), var(--bg-end-color));
}

#primary[data-bg="grd"][data-overlay="1"] {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--bg-grad-ang)), color-stop(var(--bg-start-color)), to(var(--bg-end-color)));
    background: linear-gradient(var(--bg-grad-ang), var(--bg-start-color), var(--bg-end-color));
}

#primary[data-bg="sld"] {
    background: var(--bg-color);
}

div.overlay-img {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--bg-overlay-url) no-repeat center center / cover;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    mix-blend-mode: var(--bg-overlay-mix);
    opacity: var(--bg-overlay-opacity);
}

main#primary {
    font-family: var(--text-font);
	position:relative;
	max-width: 100vw;
	min-height: 100vh;
    overflow-x: hidden;
	padding: var(--page-padding);
}

div[data-row="one"] > div.cell.small-12 > div.flex-cell.cell.small-12[data-layout~="image"],
main#primary div[data-row="one"] [row-contents~="text"]{
	display:flex;
	justify-content: center;
}

main#primary h1,
main#primary h2,
main#primary h3,
main#primary h4,
main#primary h5,
main#primary h6 {
    font-family: inherit !important;
    font-weight: 700;
    color: var(--text-heading);
    display: inline-block;
    position: relative;
    margin: 0 0 0.75rem 0;
    padding: 0 0 .75rem 0;
    line-height: 1;
}

main#primary h1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15%;
    width: 70%;
    height: 0.125rem;
    background: var(--text-anchor);
    opacity: .5;
}

#page-content {
	position:relative;
}

#content-wrap > div {
    padding: 1.5rem;
}

#page-intro {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.5rem 2.25rem 0;
    /* flex-flow: nowrap; */
}

div.text p {
    font-size: 1.1rem;
    color: var(--text-body);
}

div.text a {
    color: var(--text-anchor);
}

div#content-contact {
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25));
}

form#gform_1 label,
form#gform_1 legend {
    color: var(--text-body);
    font-size: 1.25rem;
}

div#content-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 2.5rem;
}

form#gform_1 {
    position: relative;
}

#gform_1 .gform_footer.top_label {
    display: none;
}

div#text-content {
    padding-right: 3.5rem;
}

input#gform_submit_button_1 {
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0;
    height: 3.725rem;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0 1rem;
    background: var(--text-anchor);
    display: block !important;
}

label.gfield_consent_label {
    font-size: .925rem !important;
    line-height: 1;
    margin: 0 0.5rem !important;
}

#field_1_6 > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ss-slide a.popup-image {
    position: absolute;
    top: 0.5rem;
    right: .5rem;
}

.ss-slide a.popup-image span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    width: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #FFF;
    -webkit-filter: drop-shadow(2px 4px 6px black);
            filter: drop-shadow(2px 4px 6px black);
}

.ss-slide a.popup-image span svg {
    width:100%;
    height:auto;
    margin-left: .75rem;
}

.ss-slide > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.swiper-button-next, .swiper-button-prev {
    color: #FFF !important;
}

#content-wrap .grid-x > div.cell {
    padding: var(--left-column-padding, var(--right-column-padding, 0 1rem));
}

.grid-container.grid-x.align-stretch > div.cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
}

.grid-container.grid-x.align-stretch > div.cell > div {
    -webkit-box-flex:1;
        -ms-flex:1 1 100%;
            flex:1 1 100%;
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-flow:row wrap;
            flex-flow:row wrap;
    -ms-flex-line-pack: distribute;
        align-content: space-around;
}

	#gform_wrapper_1 > .gform_heading {
		margin-bottom: 1rem;
	}

	#gform_wrapper_1 > div.gform_heading > h2 {
		margin:0;
		padding:0;
	}
	
	#gform_wrapper_1 > div.gform_heading > p:last-of-type {
		margin:0;
	}

	div.grid-container[data-row="two_eq"] {
		column-gap:6.25rem;
	}

	div.grid-container[data-row="two_eq"] > div {
		max-width:calc(50% - 3.125rem);
	}

	div.grid-container[data-row="one"] .cell.small-12 > .flex-cell.small-12[row-contents*="image"] {
		display: flex;
		align-items: center;
		justify-content: center;
	}

/*--------------------------------------------------*/
/* Smartphones ------------------------------------ */
/*--------------------------------------------------*/
@media only screen and (max-width: 48em) {

    div#content-wrap {
        padding-left:1.5rem;
        padding-right:1.5rem;
    }
    
    div#logo {
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1;
        margin-bottom: 1.5;
    }
    
    div#contact {
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -ms-flex-line-pack: center;
            align-content: center;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    
    div#heading {
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3;
        width: 100%;
        padding-right: 0; 
        -webkit-box-pack: center; 
            -ms-flex-pack: center; 
                justify-content: center;
    }
    
     main#primary h1:after {
        left:15%;
    }
    
    div#contact > div {
        width:auto;
        -webkit-box-flex: 0;
        -ms-flex:0 0 auto;
        flex: 0 0 auto;
    }
    
    div#contact > div + div {
        margin:0;
    }
    
    div#text-content {
        padding-right:0;
        padding-left: 0;
    }

    input#gform_submit_button_1 {
        width:75%;
        margin:0 auto;
    }

    #input_1_5 > div {
        margin:0 auto;
    }

    div#contact a, div#text-content a {
        word-break: break-word;
        display: inline-block;
        max-width: 80vw;
    }

    #contact > div.contact-item.eml > a {
        font-size:82.5%;
        margin-top:.75rem;
    }

    div#heading h1 {
        text-align:center;
    }
    
    #content-contact > #form-wrap > h1#form-head {
        text-align:center;
        display: block;
    }
	
	div.grid-container[data-row="two_eq"] {
		column-gap:0;
	}

	div.grid-container[data-row="two_eq"] > div {
		max-width:100%;
	}
    
}

/*--------------------------------------------------*/
/* Tablets (portrait) ----------------------------- */
/*--------------------------------------------------*/
@media only screen and (min-width: 48em) and (max-width: 64em) {
    
    div#content-wrap {
        padding-left:2.5rem;
        padding-right:2.5rem;
    }
    
    #page-intro > div {
        text-align:center;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }
    
    div#logo {
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1;
        margin-bottom: 1.5;
    }
    
    div#contact {
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -ms-flex-line-pack: center;
            align-content: center;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    
    div#heading {
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3;
        width: 100%;
        padding-right: 0; 
        -webkit-box-pack: center; 
            -ms-flex-pack: center; 
                justify-content: center;
    }
    
    main#primary h1:after {
        left:15%;
    }
    
    div#contact > div {
        width:auto;
        -webkit-box-flex: 0;
        -ms-flex:0 0 auto;
        flex: 0 0 auto;
    }
    
    div#contact > div + div {
        margin:0;
    }
    
    div#text-content {
        padding-right:0;
    }
	
	div.grid-container [data-row="two_eq"] {
		column-gap:0;
	}

	div.grid-container [data-row="two_eq"] > div {
		max-width:100%;
	}
}

/*--------------------------------------------------*/
/* Tablets (Landscape) ---------------------------- */
/*--------------------------------------------------*/
@media only screen and (min-width: 48em) and (max-width: 64em) and (orientation: landscape) {
    
    div#content-wrap {
        padding-left:1.5rem;
        padding-right:1.5rem;
    }
    
    div#text-content {
        padding-right:1.5rem;
    }
}

/*--------------------------------------------------*/
/* Notebooks / Low Res Laptops -------------------- */
/*--------------------------------------------------*/
/* Portrait */
@media only screen and (min-width: 64em) and (max-width: 80em){
    
}

.flex-item.text > * {
    display: block;
    width: 100%;
}

.flex-item > :last-child {
    margin-bottom:0;
}