@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

.header .header-logos > a > img{
    height: auto !important;
}

#pdcontent{
    max-width: 1140px;
    margin:0  !important;padding:0 !important;
    font-family: 'Roboto', sans-serif  !important;
    font-size:12px !important;
    padding-bottom:30px !important;

}

.pdcolumn {
  float: left !important;
  width: 50% !important;
  padding:20px 10px 20px 0 !important;
  box-sizing:border-box !important;
}

/*PE Column Styles*/
.pdcolumn30{
    width:30% !important;
}
.pdcolumn70{
    width:65% !important;
}


figure{
    break-inside:avoid;
}
.pdcolumnRight{
    padding:20px 0 20px 20px !important;
}
.pdmulticol{
    column-count:2 !important;
    column-gap:2em !important;
    box-sizing:border-box !important;
}

.pd-img, .__pfs.pd-img {
    width:100% !important;
    max-width: 570px !important;
    margin:0 auto 10px !important;
}

img[src*="PE_Logo_EN.png"] {
   width:150px !important; 
}

hr {
    border: 0 !important;
    height: 1px !important;
    margin: 20px 0px;
    background: #333333 !important;
    background-image: linear-gradient(to right, #ccc, #333, #ccc) !important;
}
/* Clear floats after the columns */
.row:after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

.__pfs.row{
    margin-right:0px !important;
    margin-left:0px !important;
}

/* GENERAL STYLING  */
.blueHeader{
    width:100% !important;
    padding:10px !important;
    margin:0 !important;
    background:#507399 !important;
}

.blueHeader h3, .blueHeader h3.pdh3{
    padding-top:15px !important;
    padding-bottom:15px !important;
    padding-left: 15px !important;
    color:#ffffff !important;
}

.pdcontainer.pe-banner {
    background-color:#f2f2f2 !important;
    padding: 20px !important;
    width: 100% !important;
    margin-bottom: 50px !important;
    /*color:@accent-2;*/
}
/* 

TYPE Classes

__pfs is an Every Mundo class that must be targetted to be overwritten.
.pdh3 = Main blue bar
.phh3-feat = H3 in Features (nieghbourhood content)
.pdh4 = PE Banner Subhead
.phh4-feat = H4 in Extra Information sections, ex Airport content
.pdh4-feat-dest = H4 in Neighbourhood sections
.pd-paragaph - all paragraphs.

*/   

h3.pdh3, h3.__pfs.pdh3, h3.pdh3-feat, h3.__pfs.pdh3-feat, h4.pdh4, h4.__pfs.pdh4, h4.pdh4-feat, h4.__pfs.pdh4-feat, h4.pdh4-feat-dest, h4.__pfs.pdh4-feat-dest{
    font-weight:300 !important;
}
h3.pdh3, h3.__pfs.pdh3{
    font-size:2.3rem !important;
}

h3.pdh3-feat, h3.__pfs.pdh3-feat{
    font-family: Roboto !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-size:2.3rem !important;
    line-height:1.5 !important;
    margin: 0 0 16px 0 !important;
 -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
     -ms-hyphens: none !important;
         hyphens: none !important;
    
}

h4.pdh4, h4.__pfs.pdh4{
font-family: Roboto !important;
letter-spacing: normal !important;
text-transform: none !important;
 font-size:1.7rem !important;
 margin: 8px 0 8px 0 !important;
 -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
     -ms-hyphens: none !important;
         hyphens: none !important;

}
h4.pdh4-feat, h4.__pfs.pdh4-feat{
    font-family: Roboto !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-size:1.7rem !important;
    margin: 32px 0 16px 0 !important;
}
h4.pdh4-feat-dest, h4.__pfs.pdh4-feat-dest{
  font-size:1.7rem !important;
  margin: 0 0 16px 0 !important;
}
p.pd-paragraph, p.__pfs.pd-paragraph{
    font-size: 1.05rem !important;
    font-weight: 300 !important;
    margin: 0 0 16px 0 !important;
    line-height:1.5 !important;
    font-family: Roboto !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #002d53 !important;
}

p.__psc a.__pfs {
    font-size: unset;
}


/* Breakpoints */

@media screen and (max-width: 960px) {
    .pdcontainer{
        width:760px !important;
    }
}

/* Mobile Breakpoint */

@media screen and (max-width: 760px) {
    /* p{ font-size:1rem;}
    h2{font-size:1.8rem;}*/
    h3.pdh3, h3.__pfs.pdh3, h3.__pfs.pdh3-feat{
        font-size:2.2rem !important;
        line-height: 1.2 !important;
        padding:0 !important;
    }
    
    
    .pdcontainer{
        width:100% !important;
        padding:10px !important;
    }
    .blueHeader h3{
        padding:0 !important;
    }
    .pdcolumn, .pdcolumn30, .pdcolumn70, .pdrightColumn {
        width: 100% !important;
        padding:10px !important;
    }
    .pdcolumn70{padding: 25px; !important}
    
    .pd-img{width:90% !important; margin-left:10% !important;}
    
    .pdmulticol{
        column-count:1 !important;
    }
}