/*
Theme Name: ShelleyDesign
Author: Tecture
Author URI: http://tecture.com
*/

/*--------------------------------------------------------------------

ADDING WORDPRESS STYLE RULES 

--------------------------------------------------------------------*/

.side#right.blog ul li::before {
  content: "• ";
}

i, em, q, cite {
    font-style: italic;
}
q {
    quotes: "“" "”" "‘" "’";
}
strong, b {
    font-weight: bold;    
}
ins, mark {
    background: #ffa;
}
abbr, acronym {
    border-bottom: 1px dotted;
}
hr {
    margin-top: 55px;
    color: #604606;
}
blockquote {
    padding-left: 15px;
    border-left: 5px solid #9FC6D9;
    font-style: italic;
}
small {
    font-size: smaller;   
}
big {
    font-size: 115%;
}
body.logged-in {
    padding-top: 32px;    
}

audio, canvas, img, svg, video {
    max-width: 100%;
    height: auto;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
}

.alignright {
    float: right;   
    margin-left: 15px;
    margin-bottom: 20px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 599px) {
    .alignleft,
    .alignright {
        float: none;
        display: block;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        height: auto;
    }

}

/*----------------------------
	Helpers
----------------------------*/

.text-center {
    text-align: center;    
}

.mt0 {
   margin-top: 0 !important; 
}

.mb0 {
   margin-bottom: 0 !important; 
}

.mt10 {
   margin-top: 10px !important; 
}

.mb10 {
   margin-bottom: 10px !important; 
}

.mt15 {
   margin-top: 15px !important; 
}

.mb15 {
   margin-bottom: 15px !important; 
}

.mt30 {
   margin-top: 30px !important; 
}

.mb30 {
   margin-bottom: 30px !important; 
}

.mt40 {
   margin-top: 40px !important; 
}

.mb40 {
   margin-bottom: 40px !important; 
}

.mt80 {
   margin-top: 80px !important; 
}

.mb80 {
   margin-bottom: 80px !important; 
}

@media only screen and (max-width: 1023px) {
    
}

@media only screen and (max-width: 980px) { 

}


@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 599px) {
    
}

@media only screen and (max-width: 499px) {

}

@media only screen and (max-width: 399px) {

}