/*
 Theme Name:   InsurSmart
 Description:  Custom Child-Theme for Wordpress that is based upon the Delicate theme.
 Author: Eric Brockway of Brukenet Web Development
 Author URI: http://brukenet.com/ 
 Template: dt_delicate
 Version: 1.0.0
 License: GNU General Public License v2.0
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../dt_delicate/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

#logo {
    padding-top: 10px;
}
#main {
    padding-bottom: 5px;
}
.centered {
    text-align: center;
}
.copyright {
    background-color: #ffffff;
}
#footer {
    background-color: #ffffff;
    border-top: none;
    color: #333334;
}
#footer h2 {
    color: #333334;
}
#footer a:link, #footer a:visited {
    color: #333334;
}
#footer a:hover, #footer a:active {
    color: #f39d12;
}

/* styles for the list of categories on the home page */
.categories {
    float:left;
    width:59%;   /* edit 2021-01-29 was 67% */
    margin-left: 1%;
    list-style: none outside none;
}
.categories li {
    float:left;
    width:98%;  /* edit 2021-01-29 was 49% */
    margin-right:1%;
    margin-bottom:4px;
}
.categories li h2 {
    margin-left:102px;
    margin-bottom:3px;
    font-size:120%;
}
.categories li p {
    font-size:93%;
    line-height:130%;
    margin-left:102px;
}
.categories li button {
    float:left;
    width:110px;
    margin:10px 0 0 50px;
    padding:10px;
    border-radius:8px;
}
.promobox {
    float:left;
    width:40%;  /* edit 2021-01-29 was 32% */
    margin-left:0%;  /* edit 2021-01-29 was 1% */
}
.promobox img {
    width:100%;
    height: auto;
}

/* styles for the extra nav menus in the footer of the home page */
.oneThirdWidth {
    float:right;
    width:33.3333%;
}
.oneThirdWidth h2 {
    font-size: 120%;
    color: #333334;
    margin: 20px 10px 20px 0px;
    border-bottom: #d3d3d3 solid medium;    
}


/* custom media query styles */

	/*----*****---- << Desktop >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:960px) and (max-width:1120px) {
        
    }

	/*----*****---- << Tablet (Portrait) >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:768px) and (max-width:959px) {
        .categories {
            width: 100%;
        }
        .promobox {
            float: none;
            max-width: 350px;
            width: 90%;
            /* margin: 0 auto; */
        }
        
    }

	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .categories {
            width: 100%;
        }
        .promobox {
            float: none;
            max-width: 350px;
            width: 90%;
            /* margin: 0 auto; */
        }
    }

	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        .categories {
            width: 100%;
        }
        .categories li {
            margin-bottom: 0.4em;
            text-align: center;
        }
        .categories li h2 {
            margin: 0 auto;
            width: 90%;
        }
        .categories li p {
            display: none;
        }
        .categories li button {
            margin: 10px 0 0 10px;
        }
        .promobox {
            float: none;
            max-width: 350px;
            width: 90%;
            /* margin: 0 auto; */
        }
		.oneThirdWidth {
			width:98.3333%;
		}
        
    }