/*
Theme Name:     Att Polaroid Child Theme
Theme URI:      
Description:    Child theme for the Polaroid Theme
Author:         IV
Author URI:     
Template:       att-polaroid                          
Version:       1.0
*/

@import url("../att-polaroid/style.css");

/* Typography
----------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 200; }
h1, h2, h3, h4, h5, h6 { }
/* change the rollover text font weight  */
h2, h3, h4, h5, h6 { font-weight: 200; margin: 10px 0 20px; }
h1 { font-size: 24px; margin: 0 0 20px; }
h2 { font-size: 18px }
h3 { font-size: 16px }
h4 { font-size: 14px }
h5 { font-size: 12px }
h6 { font-size: 11px }
.subheader { color: #777 }
p { margin: 0 0 20px }
p.lead { color: #777; font-size: 21px; line-height: 27px; }
em { font-style: italic }
strong { font-weight: bold }
small { font-size: 80% }
hr { border: solid #eee; border-width: 1px 0 0; clear: both; height: 0; margin: 30px 0 40px; }
a { outline: 0 }
p a, p a:visited { line-height: inherit }
p a, p a:visited { line-height: inherit }
/* Headings
----------------------------------------------------------- */
/*page heading*/
.page-header { border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    /* this is the padding between the beginning of the text on a page and line under the title */
    margin: 0 0 30px;
    /* THIS IS WHERE YOU ALTER THE HEIGHT BETWEEN THE title AND THE LINES ON INTERIOR PAGES */
    padding: 5px 0px 10px;
    position: relative; }
.page-header h1, .page-header h2 { color: #585858; font-size: 24px; line-height: 1.2em; margin: 0px; }
.archive-header { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; border-color: #ddd; }
.archive-meta { font-size: 14px; margin-top: 5px; }
.archive-meta p:last-child { margin: 0 }
.post-header { margin-bottom: 30px }
.post-header h1 { line-height: 1.5em; margin: 0; }
.archive-header { margin: 0; border: none; background: #000; text-align: center; padding: 20px; }
.archive-header h1, .archive-header h2 { margin: 0; color: #fff; }
/*heading class*/
.heading { border-bottom: 1px solid #EEEEEE; font-size: 18px; margin: 0 0 30px; padding-bottom: 10px; }
.tagged.heading { margin-top: 40px }
/* Header
----------------------------------------------------------- */
/*the padding here affects the padding around the logo and menu */
#masthead { position: relative; padding: 22px 0px 0px; }
.logo { float: left }
.logo img { display: block; margin-bottom: 20px; max-width: 100%; }
.logo h1, .logo h2 { font-size: 32px; font-weight: 600; letter-spacing: -1px; line-height: 1.5em; margin: 0 0 5px; }
.logo h1 a, #logo h2 a { color: #000 }
.logo h1 a:hover, .logo h2 a:hover { color: #FF5200; text-decoration: none; }
.logo a { display: inline-block; margin: 0px; padding: 0px; text-decoration: none; }
p#site-description { color: #444; line-height: 1.5em; margin: 0; }


/* Main Navigation
----------------------------------------------------------- */
/*core*/
.dropdown-menu { margin: 0; padding: 0; list-style: none; }
.dropdown-menu li { position: relative }
.dropdown-menu ul { position: absolute; top: 100%; left: 0; z-index: 99; opacity: 0; visibility: hidden; transition: all .2s ease-in-out; margin: 10px 0 0; }
.dropdown-menu > li { float: left; display: block; }
.dropdown-menu li:hover > ul { opacity: 1; visibility: visible; }
.dropdown-menu a { display: block; position: relative; }
.dropdown-menu ul ul { top: 0; left: 100%; }
.dropdown-menu > li ul { min-width: 180px }
.dropdown-menu ul ul li { width: 100% }
/* position arrows */
.dropdown-menu .icon-angle-down { margin: 0; color: #888; font-size: 14px; font-weight: normal; }
#site-navigation .dropdown-menu > li > a:hover .icon-angle-down, #site-navigation .dropdown-menu > .current-menu-item > a .icon-angle-down, #site-navigation .dropdown-menu > .current-menu-parent > a .icon-angle-down, #site-navigation .dropdown-menu > li.dropdown:hover > a .icon-angle-down { color: #000 }
.dropdown-menu .icon-angle-right { position: absolute; right: 10px; top: 50%; font-size: 12px; margin-top: -6px; font-size: 14px; font-weight: normal; }
/*styling*/
#site-navigation { position: absolute; top: 50%; margin-top: -15px; height: 30px; right: 0; }
#site-navigation .dropdown-menu > li > a:hover { color: #000 }
#site-navigation .dropdown-menu ul li:first-child { border-left: none !important }
#site-navigation .dropdown-menu ul li:first-child a { margin: 0 !important }
#site-navigation .dropdown-menu > li { height: 30px; line-height: 30px; margin-left: 20px; }
#site-navigation .dropdown-menu a { color: #777; text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-align: left; cursor: pointer; }
#site-navigation .dropdown-menu > li.dropdown:hover > a, #site-navigation .dropdown-menu > .current-menu-item > a, #site-navigation .current-menu-parent > a, navigation .current-menu-parent > a:hover, navigation .dropdown-menu > .current-menu-item > a:hover { color: #888; font-weight: 400; }
/*drop-down styles*/
#site-navigation .dropdown-menu ul { background: #000; }
#site-navigation .dropdown-menu ul a { display: block; height: auto; line-height: 1.7em; padding: 10px 15px; margin: 0px; border: 0px; text-transform: none; }
#site-navigation .dropdown-menu li { position: relative }
#site-navigation .dropdown-menu ul li { border-bottom: 1px solid #333 }
#site-navigation .dropdown-menu ul li > a:hover { color: #fff; }
#top-bar .selector, #site-navigation .selector { display: none }
.menu-main-container { text-align: center }

.f_container {
 display: flex;
 flex-flow: row wrap;
 justify-content: space-between; 
 align-items: flex-start;
 align-content: flex-start;
}
.f_element {
 flex: 0 1 auto;
 align-self: flex-start;
 padding-bottom: 10px;
}
#contact_top {
    text-align: center;
    margin-bottom: 24px;
}
#contact_address {
    margin-left: 5%;
    line-height: 1.8em;
}
#contact_address a{
    margin-bottom: 10px;
    line-height: 1.8em;
    color: #5e86b9;
    font-size: 15px;
}
#contact_address a:hover{
    color: red;
    font-size: 16px;
}
#contact_address p{
    font-size: 14px;
}
#contact_social {
    margin-right: 5%;
}
@media only screen and (max-width: 401px) {
    body {	
        margin-left: -45px;
    }
}
@media only screen and (max-width: 959px) {
    #site-navigation {
        margin: -35px -32px 0 0;
    }
}
@media only screen and (max-width: 601px) {
    #site-navigation {
        margin: 17px -15px 0 0;
    }
}