/*
 Theme Name:   Divi-Child
 Theme URI:     
 Description:    Child version of the Divi Theme
 Author:          Jim Hinckley
 Author URI:     
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here. Media queries are at the BOTTOM of this style sheet
------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);   /* Other good Google fonts:  Just+Another+Hand  OR  Loved+by+the+King */

/* Sets the color of the top horizontal bar, with the logo and menu in it */
header#main-header {
   background:url('/wp-content/uploads/2015/10/GrayWave1.jpg');
   background-color:#e2e2e2;    /* Previously: #dadada; */
}
body {
   padding-top:2%;
   /* max-width:1000px; */
   width:100%
}
#container { width:48%;
}
h1.title { margin-bottom:30px !important;
}
ul#top-menu a strong {
   font-size: 18px !important;
}
#sidebar {
   width:25%;
}
/* Sets the GENERAL styling of the "A Note from Cari" boxes. ===> NOTE: Each #text-_ selector below refers to a specific Note from Cari */
div #text-5, div #text-9, #text-10, #text-11 {
   padding:11% 1% 6% 8%;
   background-image: url("/wp-content/uploads/2015/10/CariNote_bkgrd.jpg");
   background-size: 100%;
   border:1px solid green;
}
/* Sets the SPECIFIC styles of the "A Note from Cari" boxes */
.notefromcari {
   font-family: 'Shadows Into Light Two', cursive;    /* Other good Google handwriting fonts: 'Satisfy', 'Cedarville Cursive', 'Annie Use Your Telescope', */
   font-size:164%;
   letter-spacing:0.5px;
   word-spacing:-2px;
   margin:0 5% -4% 0 !important;
   line-height:1.5em;
   background-size: 100%;
 }
p {
   margin-bottom:8px !important;
}
/* Sets the width of the HOME page main area */
.fullwidth #main-area {
   width: 76% !important;
}
/* Sets the width of the NON-HOME pages main area & sidebar */
#main-area {
   width:51%;
}
body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
	padding-top:15px;
}
.entry {
   margin-bottom:1%;
}
.page a:link {color: #008A10}
.page a:hover {color: #0000FF}
.post a:link {color: #008A10}
.post a:hover {color: #0000FF}
#copyright { display:none;
}
#header_inner a:link, a:visited, a:active {
  color: #FFFFFF; text-shadow:none;
}
table, td, th {
    border: 1px solid #A6D646;
}
.widget h3.widgettitle {
   margin-bottom:5%;
}
.widget h3.widgettitle span {
   text-transform: none !important;
}
h4.widgettitle {
   color:#033E85;
   font-weight: bold;
}
#top-menu strong {
   font-weight: normal;
   text-shadow: 0 0 0 transparent !important;
}
td {
    padding: 10px 50px 10px 15px
}
ul {
   margin-bottom:16px;
   line-height:20px;
}
.r-sidebar {
   line-height:16px;
}
.r-col-quote {
   margin-bottom:-6px !important;
   line-height:1.4em;
}
.r-col-name {
   font-size:95%;
   text-align:right;
   line-height:1.25em;
   margin-bottom:3.5% !important;
}
.r-col-rule {
   width:70%;
   color:#044798;
   margin-bottom:7%;
}
.bluebutton {
   width:60%;
   color:#FFFFFF !important;
   background-color:#044798;
   font-size:95%;
   padding:2.2% 0.7% !important;
   display:block;
   margin:10% auto 9% auto !important;
   text-align:center;
   border-radius:12px;
}
#logo {
   max-height:85%;
}
.entry-content {
   padding:0 8% 0 0;
}
div#left-area {
 /*  margin:0 0 0 1%; */
}
.et-learn-more {
    border:1px solid #479804;
}
/*   Styles the Heading of the "Click Here to Save 25% ..." box   */
.et-learn-more h3.heading-more {
    cursor: pointer;
    padding: 2% 0 2% 4%;
    font-size: 122%;
    background:#479804;
    color: #fff;
    letter-spacing: 0px;
    text-shadow: none;
    position: relative;
    /* border: 1px solid #fff; */
    margin: -1px;
}
/*   Styles the drop-down box of content for the "Click Here to Save 25% . . ." box   */
.et-learn-more .learn-more-content {
    padding: 3%;
    visibility: hidden;
    border-top: 1px solid #e7e7e7;
}
#footer-info, #footer-widgets {
   display:none;
}

/*------- MEDIA QUERIES to make this site responsive ------- */
@media (max-width: 700px) {
    .container {
        width: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 970px) {
  .container {
      width: 100%;
      margin: 0 auto;
      padding:20px 0;
  }
  .container ul {
      padding:10px;
  }
  .container ul li {
    display:block;
    padding:10px 0;
	}	  
}