// ADD YOUR GLOBAL CSS / LESS HERE ***********************************************

nav.menu-widget.navbar a.navbar-brand .logo-wrap img{
    
    height: 85px !important;
}

// edits paula

  // edits paula
#footer-img1{
	flex-basis: 100%;
    height: 100%;
    padding-top: 8px;
    text-align: center;
}

#footer-img2{
	flex-basis: 100%;
    height: 100%;
    padding-top: 8px;
    text-align: center;
}

#footer-img3{
	flex-basis: 100%;
    height: 100%;
    padding-top: 8px;
    text-align: center;
}

#footer-event-txt{
font-size: 10px;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 550px){
    #footer-img1{
	flex-basis: 100%;
    height: 100%;
    padding-top: 8px;
    text-align: center;
}

#footer-img2{
	flex-basis: 100%;
    height: 100%;
    padding-top: 8px;
    text-align: center;
}

#footer-img3{
	flex-basis: 100%;
    height: 100%;
    padding-top: 8px;
    text-align: center;
}

#footer-event-txt{
font-size: 15px;
}
    
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px){
    
    #footer-img1{
	flex-basis: 33%;
    height: 100%;
    padding-top: 8px;
    text-align: left;
}

#footer-img2{
	flex-basis: 33%;
    height: 100%;
    padding-top: 8px;
    text-align: center;
}

#footer-img3{
	flex-basis: 33%;
    height: 100%;
    padding-top: 8px;
    text-align: right;
}

#footer-event-txt{
font-size: 15px;
}

}


































//Template Specific CSS
hr.yellow-bar {
    border-top: 20px solid @color-primary-2;
}
hr.white-bar {
    border-top: 20px solid @color-light;
}

@media (max-width: 1024px) {
  .hero-area h1 {
    font-size: 12vw;
  }
}


// UTILITY CLASSES ***************************************************************
// These classes are provided to give you a head start for common elements.

//Background Color Classes
.background-color-primary-1 {
    background-color: @color-primary-1;
}
.background-color-primary-2 {
    background-color: @color-primary-2;
}
.background-color-primary-3 {
    background-color: @color-primary-3;
}
.background-color-secondary-1 {
    background-color: @color-secondary-1;
}
.background-color-secondary-2 {
     background-color: @color-secondary-2;
}
.background-color-tertiary-light {
     background-color: @color-tertiary-light;
}
.background-color-tertiary-dark {
     background-color: @color-tertiary-dark;
}

// FOR INSTRUCTIONAL TEXT - ONLY DELETE IF YOU HAVE DELETED ALL INSTRUCTIONAL TEXT
//Classes that allows for instructional text that can be in the editor but no in the published page
.ipHasAdminNavbar.ipHasAdminPanel .ipWidget ._nestedContainer.hide-from-publish {
    display: block !important;
    p { color: #bbb; font-size: 14px; }
}
._nestedContainer.hide-from-publish.hide-from-publish {
    display: none !important;
}

// Add to columns to add Alignment to Images and Text
.ta-left { text-align: left !important; }
.ta-right { text-align: right !important; }
.ta-center, .text-center { text-align: center !important; }

.lang-links a {
    margin-left: 20px;
}

// MARGIN & PADDING Quick Classes
// These classes can be added to any ROW or CONTAINER in the CUSTOM CLASS input

//Margin ALL */
.margin-20 { margin: 20px !important; }
.margin-40 { margin: 40px !important; }
.margin-60 { margin: 60px !important; }
.margin-80 { margin: 80px !important; }
.margin-100 { margin: 100px !important; }
.margin-120 { margin: 120px !important; }
.margin-180 { margin: 180px !important; }
@media (max-width: 479px) {
  .margin-60,.margin-80,.margin-100,.margin-120,
  .margin-180 { margin: 40px 20px !important; }
}
/* Margin TOP */
.margin-t-20 { margin-top: 20px !important; }
.margin-t-40 { margin-top: 40px !important; }
.margin-t-60 { margin-top: 60px !important; }
.margin-t-80 { margin-top: 80px !important; }
.margin-t-100 { margin-top: 100px !important; }
.margin-t-120 { margin-top: 120px !important; }
.margin-t-140 { margin-top: 140px !important; }
.margin-t-160 { margin-top: 160px !important; }
.margin-t-180 { margin-top: 180px !important; }
@media (max-width: 479px) {
  .margin-t-60,.margin-t-80,.margin-t-100,.margin-t-120,
  .margin-t-140,.margin-t-160,.margin-t-180 { margin-top: 40px !important; }
}
/* Margin BOTTOM */
.margin-b-20 { margin-bottom: 20px !important; }
.margin-b-40 { margin-bottom: 40px !important; }
.margin-b-60 { margin-bottom: 60px !important; }
.margin-b-80 { margin-bottom: 80px !important; }
.margin-b-100 { margin-bottom: 100px !important; }
.margin-b-120 { margin-bottom: 120px !important; }
.margin-b-160 { margin-bottom: 160px !important; }
.margin-b-180 { margin-bottom: 180px !important; }
@media (max-width: 479px) {
  .margin-b-60,.margin-b-80,.margin-b-100,.margin-b-120,
  .margin-b-140,.margin-b-160,.margin-b-180 { margin-bottom: 40px !important; }
}
/* Margin LEFT */
.margin-r-20 { margin-right: 20px !important; }
.margin-r-40 { margin-right: 40px !important; }
.margin-r-60 { margin-right: 60px !important; }
.margin-r-80 { margin-right: 80px !important; }
.margin-r-100 { margin-right: 100px !important; }
.margin-r-120 { margin-right: 120px !important; }
.margin-r-180 { margin-right: 180px !important; }
@media (max-width: 479px) {
  .margin-r-60,.margin-r-80,.margin-r-100,.margin-r-120,
  .margin-r-180 { margin-right: 40px !important; }
}
/* Margin RIGHT */
.margin-l-20 { margin-left: 20px !important; }
.margin-l-40 { margin-left: 40px !important; }
.margin-l-60 { margin-left: 60px !important; }
.margin-l-80 { margin-left: 80px !important; }
.margin-l-100 { margin-left: 100px !important; }
.margin-l-120 { margin-left: 120px !important; }
.margin-l-180 { margin-left: 180px !important; }
@media (max-width: 479px) {
  .margin-l-60,.margin-l-80,.margin-l-100,.margin-l-120,
  .margin-l-180 { margin-left: 40px !important; }
}
/* Margin TOP & BOTTOM */
.margin-tb-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.margin-tb-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.margin-tb-60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.margin-tb-80 { margin-top: 80px !important; margin-bottom: 80px !important; }
.margin-tb-100 { margin-top: 100px !important; margin-bottom: 100px !important; }
.margin-tb-120 { margin-top: 120px !important; margin-bottom: 120px !important; }
.margin-tb-180 { margin-top: 180px !important; margin-bottom: 180px !important; }
@media (max-width: 479px) {
  .margin-tb-60,.margin-tb-80,.margin-tb-100,.margin-tb-120,
  .margin-tb-180 { margin-top: 40px !important; margin-bottom: 40px !important; }
}
/* Margin LEFT & RIGHT */
.margin-lr-20 { margin-left: 20px !important; margin-right: 20px !important; }
.margin-lr-40 { margin-left: 40px !important; margin-right: 40px !important; }
.margin-lr-60 { margin-left: 60px !important; margin-right: 60px !important; }
.margin-lr-80 { margin-left: 80px !important; margin-right: 80px !important; }
.margin-lr-100 { margin-left: 100px !important; margin-right: 100px !important; }
.margin-lr-120 { margin-left: 120px !important; margin-right: 120px !important; }
.margin-lr-180 { margin-left: 180px !important; margin-right: 180px !important; }
@media (max-width: 479px) {
  .margin-lr-60,.margin-lr-80,.margin-lr-100,.margin-lr-120,
  .margin-lr-180 { margin-left: 40px !important; margin-right: 40px !important; }
}
/* Padding ALL */
.padding-20 { padding: 20px !important; }
.padding-40 { padding: 40px !important; }
.padding-60 { padding: 60px !important; }
.padding-80 { padding: 80px !important; }
.padding-100 { padding: 100px !important; }
.padding-120 { padding: 120px !important; }
.padding-180 { padding: 180px !important; }
@media (max-width: 479px) {
  .padding-60,.padding-80,.padding-100,.padding-120,
  .padding-180 { padding: 40px !important; }
}
/* Padding TOP */
.padding-t-20 { padding-top: 20px !important; }
.padding-t-40 { padding-top: 40px !important; }
.padding-t-60 { padding-top: 60px !important; }
.padding-t-80 { padding-top: 80px !important; }
.padding-t-100 { padding-top: 100px !important; }
.padding-t-120 { padding-top: 120px !important; }
.padding-t-180 { padding-top: 180px !important; }
@media (max-width: 479px) {
  .padding-t-60,.padding-t-80,.padding-t-100,.padding-t-120,
  .padding-t-180 { padding-top: 40px !important; }
}
/* Padding BOTTOM */
.padding-b-20 { padding-bottom: 20px !important; }
.padding-b-40 { padding-bottom: 40px !important; }
.padding-b-60 { padding-bottom: 60px !important; }
.padding-b-80 { padding-bottom: 80px !important; }
.padding-b-100 { padding-bottom: 100px !important; }
.padding-b-120 { padding-bottom: 120px !important; }
.padding-b-180 { padding-bottom: 180px !important; }
@media (max-width: 479px) {
  .padding-b-60,.padding-b-80,.padding-b-100,.padding-b-120,
  .padding-b-180 { padding-bottom: 40px !important; }
}
/* Padding LEFT */
.padding-l-20 { padding-left: 20px !important; }
.padding-l-40 { padding-left: 40px !important; }
.padding-l-60 { padding-left: 60px !important; }
.padding-l-80 { padding-left: 80px !important; }
.padding-l-100 { padding-left: 100px !important; }
.padding-l-120 { padding-left: 120px !important; }
.padding-l-180 { padding-left: 180px !important; }
@media (max-width: 479px) {
  .padding-l-60,.padding-l-80,.padding-l-100,.padding-l-120,
  .padding-l-180 { padding-left: 40px !important; }
}
/* Padding RIGHT */
.padding-r-20 { padding-right: 20px !important; }
.padding-r-40 { padding-right: 40px !important; }
.padding-r-60 { padding-right: 60px !important; }
.padding-r-80 { padding-right: 80px !important; }
.padding-r-100 { padding-right: 100px !important; }
.padding-r-120 { padding-right: 120px !important; }
.padding-r-180 { padding-right: 180px !important; }
@media (max-width: 479px) {
  .padding-r-60,.padding-r-80,.padding-r-100,.padding-r-120,
  .padding-r-180 { padding-right: 40px !important; }
}
/* Padding TOP & BOTTOM */
.padding-tb-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.padding-tb-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.padding-tb-60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.padding-tb-80 { padding-top: 80px !important; padding-bottom: 80px !important; }
.padding-tb-100 { padding-top: 100px !important; padding-bottom: 100px !important; }
.padding-tb-120 { padding-top: 120px !important; padding-bottom: 120px !important; }
.padding-tb-180 { padding-top: 180px !important; padding-bottom: 180px !important; }
@media (max-width: 479px) {
  .padding-tb-60,.padding-tb-80,.padding-tb-100,.padding-tb-120,
  .padding-tb-180 { padding-top: 40px !important; padding-bottom: 40px !important; }
}
/* Padding LEFT & RIGHT */
.padding-lr-20 { padding-left: 20px !important; padding-right: 20px !important; }
.padding-lr-40 { padding-left: 40px !important; padding-right: 40px !important; }
.padding-lr-60 { padding-left: 60px !important; padding-right: 60px !important; }
.padding-lr-80 { padding-left: 80px !important; padding-right: 80px !important; }
.padding-lr-100 { padding-left: 100px !important; padding-right: 100px !important; }
.padding-lr-120 { padding-left: 120px !important; padding-right: 120px !important; }
.padding-lr-180 { padding-left: 180px !important; padding-right: 180px !important; }
@media (max-width: 479px) {
  .padding-lr-60,.padding-lr-80,.padding-lr-100,.padding-lr-120,
  .padding-lr-180 { padding-left: 40px !important; padding-right: 40px !important; }
}

/* Center Content Vertically in a Container or Column */
.center-vertical { display: flex; align-items: center; }
.center-row-vertical > .row { display: flex; align-items: center; }

// CENTER YOUR CONTENT AREAS
//This creates a GENERAL CENTERING via PADDING LEFT & RIGHT of the content areas on Full Width Layouts. 
//Uncomment the lines below if you want to use it.
.ipWidget-Container ._nestedContainer {
    padding-left: 8.333%;
    padding-right: 8.333%;
}
@media (max-width: 375px) {
    .ipWidget-Container ._nestedContainer {
        padding-left: 2%;
        padding-right: 2%;
    }
}
.remove-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

// Remove button widget row padding
.ipWidget-Buttons > .row > div {
    padding-left: 0;
}

// Skip Links CSS
.skiplink {
    position: absolute;
    left: 0;
    top: -200px;
    z-index: 99999;
    background-color: @color-light;
    color: @color-primary-1;
    padding: 10px;
}

.skiplink:focus {
    top: 0;
    clip-path: auto;
}

// Fix for Bootstrap Margin in Mobile
body#fullwidth > .container-fluid,
  body#fullwidth > .container {
  overflow-x: hidden;
}

// REMOVE THE CODE BELOW AFTER FULL WIDTH TEMPLATE FIX IS IMPLEMENTED
/* Override for Smaller Column Gutters */
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,
.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,
.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,
.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,
.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,
.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,
.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,
.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,
.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,
.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,
.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,
.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
  padding-left: 15px;
  padding-right: 15px;
}
/* Remove a column gutter */
.remove-gutter-left { padding-left: 0 !important; }
.remove-gutter-right { padding-right: 0 !important; }

// Mobile background image fix
@media (max-width: 767px) {
  .header-widget { background-attachment: scroll !important; }
}

body#fullwidth > .container-fluid, body#fullwidth > .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

body#fullwidth {
    .container-fluid .row {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    
    .ipWidget-Container ._nestedContainer .row {
        margin: 0 !important;
    }
    
    #ipBlock-header {
        margin: 0 -15px;
    }
}

body.ipHasAdminNavbar.ipHasAdminPanel {
    margin-left: 34px;
    padding-right: 15px !important;
    padding-left: 15px !important;
}