/*
 Theme Name:     Divi-Pasco
 Theme URI:      None
 Description:    Divi Theme Modded for Pasco County Schools
 Author:         Elegant Themes/Ricardo Macalamale
 Author URI:     http://www.pasco.k12.fl.us
 Template:       Divi
 Version:        1.1
 Last Update:    11:13 AM, February 10, 2020
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/* ==============================  DIVI RESPONSIVE BREAKPOINTS  ============================== */  

/* Large Monitors*/
@media ( min-width: 1405px ) {
/* School Address and Logo */
  #school_address_logo {
    text-align: center;
    height: 110px; 
    padding-right: 50px; 
    padding-top: 22px; 
    font-size: 14pt; 
    font-weight: bold; 
    background-size: 110px 110px; 
  }
  #get_involved {
    font-family: 'Bevan';
    font-size: 26px;
    line-height: 130%;
  }
}
 
/* Standard laptops & desktops */
@media ( min-width: 1100px ) and ( max-width: 1404px) {
  #logo {
    max-width: 30% !important;
  }
  #top-menu li {
    padding-right: 6px;
    padding-left: 6px;
  }
  /* School Address and Logo */
  #school_address_logo {
    text-align: center;
    height: 110px; 
    padding-right: 50px; 
    padding-top: 22px; 
    font-size: 14pt; 
    font-weight: bold; 
    background-size: 110px 110px; 
  }
  #get_involved {
    font-family: 'Bevan';
    font-size: 26px;
    line-height: 130%;
  }
}
 
/* landscape Tablets */
@media ( min-width: 981px ) and ( max-width: 1099px ) {
  #logo {
    max-width: 30% !important;
  }
  #top-menu li {
    padding-right: 6px;
    padding-left: 6px;
  }
  /* School Address and Logo */
  #school_address_logo {
    text-align: center;
    height: 110px; 
    padding-right: 50px; 
    padding-top: 22px; 
    font-size: 14pt; 
    font-weight: bold; 
    background-size: 110px 110px; 
  }
  #get_involved {
    font-family: 'Bevan';
    font-size: 21px;
    line-height: 130%;
  }
}
 
/* Portrait Tablets*/
@media ( min-width: 768px ) and ( max-width: 980px ) {
  #logo {
    max-width: 20% !important;
  }
  #top-menu li {
    padding-right: 6px;
    padding-left: 6px;
  }
  /* School Address and Logo */
  #school_address_logo {
    text-align: center;
    height: 110px; 
    padding-right: 50px; 
    padding-top: 22px; 
    font-size: 14pt; 
    font-weight: bold; 
    background-size: 110px 110px; 
  }
  #get_involved {
    font-family: 'Bevan';
    font-size: 26px;
    line-height: 130%;
  }
}
 
/* Landscape Phones */
@media ( min-width: 480px ) and ( max-width: 767px ) {
  #logo {
    max-width: 30% !important;
  }
  #top-menu li {
    padding-right: 6px;
    padding-left: 6px;
  }
  /* School Address and Logo */
  #school_address_logo {
    text-align: left;
    height: 110px; 
    padding-left: 10px;
    padding-right: 100px; 
    padding-top: 22px; 
    font-size: 12pt; 
    font-weight: normal; 
    background-size: 90px 90px; 
  }
  #get_involved {
    font-family: 'Bevan';
    font-size: 26px;
    line-height: 130%;
  }
}
 
/* Portrait Phones */
@media ( max-width: 479px ) {
  #logo {
    max-height: 100% !important;
  }
  #top-menu li {
    padding-right: 6px;
    padding-left: 6px;
  }
  /* School Address and Logo */
  #school_address_logo {
    text-align: left;
    height: 110px; 
    padding-left: 5px;
    padding-right: 100px; 
    padding-top: 22px; 
    font-size: 12pt; 
    font-weight: normal; 
    background-size: 90px 90px; 
  }
  #get_involved {
    font-family: 'Bevan';
    font-size: 26px;
    line-height: 130%;
  }
}

/* ==============================  END DIVI RESPONSIVE BREAKPOINTS  ============================== */  


 
/* ==============================  DIVI GENERAL IMPROVEMENTS  ============================== */  

/* ==============================  PAGE RELATED */

/* Widen the page from 80% to 90% */
.et_pb_row {
    width: 90%;
}
.container.et_menu_container {
  width: 90%;
}

/* ==============================  MENU RELATED */

/* Extend the menu bar logo down */
#top-header {z-index: 99999;}
#top-menu li {
    display: inline-block;
    padding-right: 22px;
    font-size: 14px;
    margin-right: -4px;
}
/* #logo {
      max-height: 175% !important;
      margin-top: -10px;
      margin-left: -3px;
      z-index: 100000;
 } */


/* Main Menubar Nav */
#et-top-navigation {
  font-weight: 300;
  padding-left: 200px !important;
}


/* ==============================  SLIDER RELATED ============================= */

/* Slider Title */
.et_pb_slider_with_text_overlay h2.et_pb_slide_title {
    padding: 0px 0px 0 0px;
    font-size: 21pt;
}

/* Set the slider height */
.et_pb_slider, .et_pb_slider .et_pb_container { 
    height: 505px !important; 
}
.et_pb_slider, .et_pb_slider .et_pb_slide { 
    max-height: 505px; 
}
.et_pb_slider .et_pb_slide_description { 
    /* position: relative; */
    top: 25%; 
    padding: 0 !important; 
    height:auto !important; 
}

/* Fix the text description box to be at the bottom of the slide */
/* .et_pb_slider .et_pb_slide_description {
    position: relative;
    top: 75%;
} */


/* .et_pb_slide_description .et_pb_slide_title {
    margin-top: 45% !important;

} */

.et_pb_slide_description {
    margin-left: -42px !important;
    margin-right: -42px !important;
}

.et_pb_text_overlay_wrapper {
  margin-top: 246px;
}




.et_pb_slide_content {
    padding-top: 5px !important;
}

.et_pb_slide_content a {
    color: white !important;
    text-decoration: underline;
    font-weight: bold;
}

/* Move Pages Lower for larger logo */
#left-area {
  padding-top: 20px;
}

/* Circle Numbers */
.rm-circle-number {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 50px;
  color: white;
  font-family: Bevan;
  margin-top: 10px;
  padding-top: 16px;
  text-align: center;
  background: #365f8d;
  /* float: left; */
}

.rm-circle-number p a {
  color: white;
}

.rm-circle-number-text {
  /* float: left; */
  padding-left: 10px;
  padding-top: 15px;
  /* max-width: 264px; */
}

.rm-circle-number-text h1 {
  color: white;
  font-size: 24px;
  line-height: 1.1em
}

/* ==============================  ELEMENTARY CIRCLES IN ORDERED LISTS ============================= */
.rm-custom-counter {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.rm-custom-counter li {
	counter-increment: step-counter;
	margin-bottom: 40px;
	font-size: 1.6em;
	font-weight: bold;
}
.rm-custom-counter li::before {
	content: counter(step-counter);
	padding-bottom: 50px;
	margin-right: 5px;
	font-size: 1em;
	background-color: #365f8d;
	color: white;
	font-weight: bold;
	padding: 14px 24px 14px 24px;
	border-radius: 50px;
}

/* ==============================  END DIVI GENERAL IMPROVEMENTS  ============================== */  

/* =============================== Footer h2 color ============================================= */
.dsbpc-footer-title {
  color: white;
}
.dsbpc-footer-list ul li::before {
  color: white;
}