/*
 Theme Name:     purelowry
 Description:    child theme for the purelowry.com splash website
 Author:         Jeanne Seger
 Author URI:     http://highlinedesignalliance.com
 Template:       twentyseventeen
 Version:        1.0.0
*/

/* add Montserrat fonts for use in footer */

@font-face {
    font-family: Montserrat_reg;
    src: url("https://purelowry.kscopedesigns.com/Montserrat/Montserrat-Regular.otf") format("opentype");
}

@font-face {
    font-family: Montserrat_light;
    src: url("https://purelowry.kscopedesigns.com/Montserrat/Montserrat-Light.otf") format("opentype");
}

/* add Brandon fonts for potential future use in footer or for other splash websites where Cynthia wants to use the Brandon font family */

@font-face {
    font-family: Brandon_reg;
    src: url("https://purelowry.kscopedesigns.com/fonts/Brandon_reg.otf") format("opentype");
}

@font-face {
    font-family: Brandon_reg_italic;
    src: url("https://purelowry.kscopedesigns.com/fonts/Brandon_reg_it.otf") format("opentype");
}

@font-face {
    font-family: Brandon_bld;
    src: url("https://purelowry.kscopedesigns.com/fonts/Brandon_bld.otf") format("opentype");
}

@font-face {
    font-family: Brandon_med;
    src: url("https://purelowry.kscopedesigns.com/fonts/Brandon_med.otf") format("opentype");
}


@font-face {
    font-family: Brandon_light;
    src: url("https://purelowry.kscopedesigns.com/fonts/Brandon_light.otf") format("opentype");
}



body, html {
    height: 100%;
    margin: 0;
    padding: 0;
	background-color: #015c55;  /* set background-color body, html  to green based on Cynthia's design for tall narrower devices */
}

.clearFloat {
    clear: both;
}

/* remove border on image links*/
a img {
    display: block;
    margin:  0 auto;
}

/* remove border on images*/
img {
    display: block;
    margin:  0 auto;
}

header {
    display: none;    /* remove default WordPress header with logo and menu */
}

body #page .skip-link {
    display: none;  /* eliminate "skip to content link"  from clean-page-template */
}

.page-one-column .panel-content .wrap {
	/* eliminate max width and padding / margin for main content wrap */
	max-width: 100%;
	padding: 0;
	margin: 0;
	
}

/* set background color of site-content and main div for horizontal content */

.site-content {
    background-color: #003e4d;
}

#laptop_horiz_iPad {
    padding: 0;
    margin: 0;
	background-color: #003e4d;
	display: inherit;
}
/* if the entire image had a link, this would set the background color for the link to the appropriate color */
/* not used in this splash page since the whole image is not a link */
/*#laptop_horiz_iPad a {  
	background-color: #d0e238;
}
*/

#laptop_horiz_iPad #homePage_left { /* set width and background color for left side of Home Page */
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
    background-color: #003e4d;
}

#laptop_horiz_iPad #homePage_right {  /* set width and background color for right side of Home Page */
    width: 50%;
    float: right;
    margin: 0;
    padding: 0;
    background-color: #003e4d;
}

#laptop_vertical_iPad {   /* set padding, margin and background color for vertical version of home page for narrow tablets and phones */
    padding: 0;
    margin: 0;
	background-color: #003e4d;
	display: none;
}

.entry-content a img, .comment-content a img, .widget a img {  /* modify default 2017 theme code to ensure that no images within links have a shadow */
    -webkit-box-shadow: 0px 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px 0px transparent;
}

.entry-content a, .entry-summary a {  /* modify default 2017 theme code to ensure that no links have shadows, border or underlines */
    -webkit-box-shadow: none;  /*0px 0px 0px 0px transparent;  */
    box-shadow: none;  /*0px 0px 0px 0px transparent;  */
    padding: 0;
    margin: 0;
    border: 0 none #d0e238;
    text-decoration: none !important;
    text-decoration-style: none !important;
    color: #008489;  /* this color doesnt' matter because images are the only contents of a link in the page content*/
    
}

.entry-content a:hover, .entry-summary a:hover {   /* modify default 2017 theme code to ensure that no links have shadows, border or underlines  when they are hovered over*/
    -webkit-box-shadow: none;  /*0px 0px 0px 0px transparent;  */
    box-shadow: none !important;  /*0px 0px 0px 0px transparent;  */
    padding: 0;
    margin: 0;
    border: 0 none #d03238;
    text-decoration: none !important;
    text-decoration-style: none !important;
    color: #008489;   /* this color doesnt' matter because images are the only contents of a link in the page content*/
    
}
/* change default 2017 for paragraphs and images to ensure they have no padding or margins and take up the full space of their containing div */

body p {
    padding: 0;
    margin: 0;
}

body img {
    padding: 0;
    margin: 0;
    border: hidden;
}

/* css for right side - residents Links text box and image   - note: this code doesn't apply to pure lowry because splashPageRight_Amenities has no divs within it;
 * only an image.
 * This css code kept in for use in other Splash page websites that have divs within the Amenities and that may contain links for potential residents or residents */
#splashPageRight_Amenities .residentsLinks {
    width: 35%;
    float: left;
    background-color: #d0e238;
}

#splashPageRight_Amenities .residentsImage {
    width: 65%;
    float: left;
}


#splashPageRight_Amenities {
    /*display: table; */  /* Make the container element behave like a table;  not sure why this code is here;  commented it out and the site still worked */
    width: 100%; /* Set full-width to expand the whole div */
    background-color: #d0e238;
    border-top:  2px solid #ffffff;  /* add a thin white border to the top of the image to match Cynthia's design */
}

.column {
    /*display: table-cell; */  /* Make elements inside the container behave like table cells; commented this out  because it applied to another splash page website */
}

/* css for residents Links - pay online & renters Insurance   -- not used for the pure lowry splash page;  kept in cases another splash page website has residents links */
.residentsLinks_heading {
     display: block;
    text-align: center;
    font-size: 1.8em;
    line-height: 1.2em;
     font-family: 'Brandon_med', sans-serif;
     font-weight: 500;
     color: #003d4d;
     margin-bottom: .5em;
     margin-top:  1em;
     
}

.payLink_text {
     display: block;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.2em;
     font-family: 'Brandon_med', sans-serif;
     font-weight: 500;
     color: #003d4d;
}

.insuranceLink_text {
     display: block;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.2em;
     font-family: 'Brandon_med', sans-serif;
     font-weight: 500;
     color: #003d4d;
     margin-top: 1.5em;
}

.rentersLink {
     display: block;
    text-align: center;
    font-size: 1.7em;
    line-height: 1.5em;
     font-family: 'Brandon_med', sans-serif;
     font-weight: 600;
     color: #008489;
     background-color: #d0e238;
     border: 0px none #d0e238;
}


footer {
    display: inherit;
    background-color: #002b45;  /* set background-color of footer to the color from Cynthia's design */ 
}



/* set % width of span_9 and span_3 columns in one line footer on larger monitors */
    .site-footer .wrap .oneLineFooter .span_9 {
        width: 88%;
        float: left;
    }
    
    .site-footer .wrap .oneLineFooter .span_3 {
        width: 12%;
        float: right;
    }
    
/* css for footer */

/* hide project date in footer */
/*.project-date {
    display: none;
}  */

/* remove top margin & border from footer */
.site-footer {
    margin-top: 0;
    border-top: none;
    background-color: #002b45;  /* set background-color of footer to the color from  Cynthia's design */ 
}
.site-footer .wrap .oneLineFooter {
    display: inherit;  /* display one line footer for large monitors, laptops, ipads, horizontal tablets > 1000px */
    color: #ffffff;
}

.site-footer .wrap {
    max-width: 2000px;
    padding-left: .5%;
    padding-right: .5%;
    padding-top: .5em;
    padding-bottom: .3em;
}

/* eliminate copyright section that was in 2017 default theme code;  may not be necessary with one page template ?? */
.site-info {
    display: none;  
}

/* css for one line Footer - width, margin, display as one line and font style */
.site-footer .wrap .oneLineFooter .col #footerText_all {
    width: 99%;
    margin: 0 auto;
    text-align: center;
     padding-left: 0;
    padding-top: .75em;
}

.site-footer .wrap .oneLineFooter .col #footerText_all .footerText {
    display: inline-block;
    margin-right: 3%;   /* reduced from 6% to avoid stacking footer on some devices */
    font-size: 1.1em;  /* reduced from 1.5 em to avoid stacking footer on some devices */
     font-family: 'Montserrat_reg', sans-serif;  /* use Montserrat_reg instead of Brandon_med */
     font-weight: 400;
}

.site-footer .wrap .oneLineFooter .col #footerText_all span {
     font-family: 'Montserrat_reg', sans-serif;
}   

.site-footer .wrap .oneLineFooter .col #footerText_all .footerText a {  /* code used for email link in footer text when splash page was active */
   display: inline-block;
   color: #ffffff;
   font-size: 1em;
   font-family: 'Montserrat_reg', sans-serif;

}

.site-footer .wrap .oneLineFooter_Tablet {
    display: none;   /* don't display tablet footer option on large monitors, laptops, ipads, horizontal tablets */
}

.site-footer .wrap .oneLineFooter_Mobile {
    display: none;   /* don't display mobile option for large monitors, laptops, ipads, horizontal tablets */
}


/* css for footer used on very narrow tablets and phones  width < 650px */
.site-footer .wrap .oneLineFooter_Mobile  #footerText_all {
    width: 95%;
    margin: 0 auto;
    padding-top: 1.2em;
}

.site-footer .wrap .oneLineFooter_Mobile  #footerText_all .footerText {
        display: block;  /* this makes each item in footer display in a column; not as a one line footer */
        width: 100%;
        text-align: center;
        font-family: 'Montserrat_reg', sans-serif;
        font-size: 1.1em;
        padding-top: 0em;
        color: #ffffff;
    }
    
.site-footer .wrap .oneLineFooter_Mobile  #footerText_all .footerText a {
    font-size: 1em;
    font-family: 'Montserrat_reg', sans-serif;
    color: #ffffff;
  }
  
.site-footer .wrap .oneLineFooter_Mobile #footerText_all .footerPropertyName {  /* code not used on pure lowry;  other splash websites could have property name in bold or larger font */
   display: block;
        width: 100%;
        text-align: center;
    font-size: 1.2em;
    font-family: 'Montserrat_reg', sans-serif;
    padding-top: 0em;
      color: #ffffff;
  }
  
.site-footer .wrap .oneLineFooter_Mobile #footerText_all .footerText span {
    font-size: 1.2em;
    font-family: 'Montserrat_reg', sans-serif;
    color: #ffffff;
  }
    
.site-footer .wrap .oneLineFooter_Mobile  #footerText_all .footerText_break {  /* controls space below property name / address and above the email */
      font-size: .2em;
      line-height: .1em;
 }   
    
.site-footer .wrap .oneLineFooter_Mobile  .icons_Mobile   {  /* controls position of icons in footer for this property */
    margin: 0 auto;
    padding-top: 1em;
    text-align: center;
 }
 
/* css code for tablet version of footer -  use for tablets narrower than an ipad < 1000px, but wider than a phone > 650px */ 
 
.site-footer .wrap .oneLineFooter_Tablet #footerText_all {
    width: 95%;
    margin: 0 auto 1em;
    padding-top: 1.5em;
}


.site-footer .wrap .oneLineFooter_Tablet  #footerText_all .footerText {
        display: block;
        width: 100%;
        text-align: center;
        font-family: 'Montserrat_reg', sans-serif;
        font-size: 1.4em;
        padding-top: 0em;
        color: #ffffff;
    }
    
.site-footer .wrap .oneLineFooter_Tablet  #footerText_all .footerText a {
      font-size: 1em;
      font-family: 'Montserrat_reg', sans-serif;
      color: #ffffff;
 }
 
.site-footer .wrap .oneLineFooter_Tablet #footerText_all  .footerPropertyName {
    display: block;
        width: 100%;
        text-align: center;
    font-size: 1.8em;
    font-family: 'Montserrat_reg', sans-serif;
    padding-top: 0em;
      color: #ffffff;
  }
  
      
.site-footer .wrap .oneLineFooter_Tablet  #footerText_all .footerText_break {
      font-size: .2em;
      line-height: .1em;
 }
    
.site-footer .wrap .oneLineFooter_Tablet .icons_Tablet   {
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
 }
 
 

/* control height of footer area with padding & margin css */
#footer-outer #copyright {
    padding: .5em 0 0;
}

#footer-outer #copyright .container {
    padding: 0;
}



/* format for fair housing logo / link and disability Icon in footer;  code kept in for other icon/links to be used for other splash page websites */
.site-footer .wrap .span_3 span{
    line-height: 1em;
}

.ehoIcon {
    float: left;
    margin-right: .5em;
}

.site-footer .wrap .span_3 .ehoIcon .fairHousingLogo a { 
    display: inline-block;
}

.site-footer .wrap.span_3 .ehoIcon .fairHousingLogo img {
    margin-bottom: 0 !important;
    margin-top: .2em;
    width: 90%;
    height: auto;
}

.petFriendlyIcon  {  /* kept in for use in other splash page websites */
    float: left;
    margin-right: 0;
}

.site-footer .wrap .span_3 .petFriendlyIcon img {   /* kept in for use in other splash page websites */
    margin-bottom: 0 !important;
    margin-top: .2em;
    width: 80%;
    height: auto;
}


.disabilityIcon {
    float: left;
    margin-right: .5em;
}

.site-footer .wrap .span_3 .disabilityIcon img {
    margin-bottom: 0 !important;
}

.facebookIcon {    /* kept in for use in other splash page websites */
    float: left;
    margin-right: 2em;
}

.site-footer .wrap .span_3 .facebookIcon .facebookLogo a {    /* kept in for use in other splash page websites */
    display: inline-block;
}

.site-footer .wrap .span_3 .facebookIcon .facebookLogo img {    /* kept in for use in other splash page websites */
    margin-bottom: 0 !important;
}

.instagramIcon {   /* kept in for use in other splash page websites */
    float: left;
    margin-right: 0;
}

.site-footer .wrap .span_3 .instagramIcon .instagramLogo a {   /* kept in for use in other splash page websites */
    display: inline-block;
}

.site-footer .wrap.span_3 .instagramIcon .instagramLogo img {   /* kept in for use in other splash page websites */
    margin-bottom: 0 !important;
    margin-top: .3em;
    width: 90%;
    height: auto;
}

@media only screen and (min-width: 1279px)  {
    
    /* adjust font size for residents link text for 1280 screens  - not needed for pure lowry */
   /* .residentsLinks_heading {
        font-size: 1.5em;
    }
    
    .payLink_text {
        font-size: 1.3em;
    }
    
    .insuranceLink_text {
        font-size: 1.3em;
        margin-top: 1em;
    }
    
    .rentersLink {
        font-size: 1.5em;
        line-height: 1.4em;
    }
       */
    
    
    
    
    /* increase font size for footer text for larger screens */
    .site-footer .wrap .oneLineFooter .col #footerText_all .footerText {
        
        margin-right: 6%;   /* kept at 6% since there is no phone number  */
        font-size: 1.3em;  
        
    }
}

@media only screen and (min-width: 1380px)  {
    /* increase font size for footer text for larger screens */
    .site-footer .wrap .oneLineFooter .col #footerText_all .footerText {
        
        margin-right: 8%;   /* increased to 8% since there is no phone number */
        font-size: 1.5em;  
        
    }
}

@media only screen and (min-width: 1365px) and (max-width: 1367px) and (min-height: 1000px) {
    /* decrease font size for footer text for iPads pro */
    .site-footer .wrap .oneLineFooter .col #footerText_all .footerText {
        
        margin-right: 2.5%;   /* reduced from 6% to avoid stacking footer on some devices */
        font-size: 1em;  /* reduced from 1.5 em to avoid stacking footer on some devices */
        
    }
}

@media only screen and (min-width: 1679px)  {   /* not needed for Pure Lowry - no links for residents included */
    
    /* adjust font size for residents link text for 1680 + screens */
  /*  .residentsLinks_heading {
        font-size: 1.8em;
        line-height: 1.1em;
    }
    
    .payLink_text {
        font-size: 1.5em;
    }
    
    .insuranceLink_text {
        font-size: 1.5em;
        margin-top: 1.2em;
    }
    
    .rentersLink {
        font-size: 1.6em;
        line-height: 1.4em;
    }
      */
    
}

@media only screen and (max-width: 1025px)  {
    
    /* css for residents Links - pay online & renters Insurance */
    /* code not needed for Pure Lowry;  could be used on other splash page websites that have links for residents */
/*.residentsLinks_heading {
     display: block;
    text-align: center;
    font-size: 1.3em;
    line-height: 1.2em;
     margin-top:  1em;
     
}

.payLink_text {
    font-size: 1.2em;
    line-height: 1.1em;
}

.insuranceLink_text {
    font-size: 1.2em;
    line-height: 1.1em;
    margin-top: .8em;
}

.rentersLink {
    font-size: 1.4em;
    line-height: 1.2em;
     
}
  */

    
/* set % width of span_9 and span_3 columns in one line footer on devices < 1025px  -  iPads and wider tablets  */
    .site-footer .wrap .oneLineFooter .span_9 {
        width: 88%;
        float: left;
    }
    
    .site-footer .wrap .oneLineFooter .span_3 {
        width: 12%;
        float: right;
    }
        
    /*  reduce font size and increase width of footerText on devices < 1025px  */
    .site-footer .wrap .oneLineFooter .col #footerText_all {
        width: 100%;
        padding-left: 0;
        padding-top: .75em;
    }
    
    .site-footer .wrap .oneLineFooter .col #footerText_all .footerText {
        display: inline-block;
        margin-right: 2%;   /* reduced from 6% to avoid stacking footer on some devices */
        font-size: 1.15em;  /* reduced from 1.5 em to avoid stacking footer on some devices */
    }
    
    .ehoIcon, .disabilityIcon {
        margin-right: .5em;
    }
    
}

@media only screen and (max-width: 1023px) and (min-height: 800px){  /* for narrow tablets;  use vertical version of home page with stacked sections */
	
	#laptop_horiz_iPad {
		display: none;
	}
	
	#laptop_vertical_iPad {
		display: inherit;
	}
	
}  

@media only screen and (max-width: 1025px) and (min-height: 1350px){  /* for iPads or wider tablets; use horizontal version of home with left - right sections */
	
	#laptop_horiz_iPad {
		display: inherit;
	}
	
	#laptop_vertical_iPad {
		display: none;
	}
	
}


@media only screen and (max-width: 1000px) {  /*  code for narrow tablets and phones */
	
	#laptop_horiz_iPad {
		display: none;
	}
	
	#laptop_vertical_iPad {
		display: inherit;
	}
    
    #splashPageRight_Amenities .residentsLinks {  /* not used for Pure Lowry splash page; kept for use with other splash page websites that have links for residents */
        width: 100%;
        margin-bottom: 1em;
    }
    
    #splashPageRight_Amenities .residentsImage {  /* not used for Pure Lowry splash page; kept for use with other splash page websites that have links for residents */
        width: 100%;
    }
    
        
    /* css for residents Links - pay online & renters Insurance */
    /* not used for Pure Lowry splash page; kept for use with other splash page websites that have links for residents */
/*.residentsLinks_heading {
     display: block;
    text-align: center;
    font-size: 1.8em;
    line-height: 1.2em;
     margin-bottom: .5em;
     margin-top:  1.5em;
     
}

.payLink_text {
     display: block;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.2em;
   
}

.insuranceLink_text {
     display: block;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.2em;
     margin-top: 1.3em;
}

.rentersLink {
     display: block;
    text-align: center;
    font-size: 1.7em;
    line-height: 1.5em;
    
     
}
*/
    
    .site-footer .wrap .oneLineFooter {
        display: none   /* don't display one line footer on narrower tablets */
    }
    
    .site-footer .wrap .oneLineFooter_Tablet {
        display: inherit;  /* display multiple line footer on narrower tablets */
    }
    
    .site-footer .wrap .oneLineFooter_Mobile {
        display: none;   /* don't display mobile option for narrower tablets */
    }
        
}



@media only screen and (max-width: 801px) {
	
	#laptop_horiz_iPad {
		display: none;
	}
	
	#laptop_vertical_iPad {
		display: inherit;
	}
	
}


@media only screen and (max-width: 650px) {
	
	#laptop_horiz_iPad {
		display: none;
	}
	
	#laptop_vertical_iPad {
		display: inherit;
	}
    
    .site-footer .wrap .oneLineFooter {
        display: none;   /* don't display one line footer on phones */
    }
    
    .site-footer .wrap .oneLineFooter_Tablet {
        display: none;  /* Don't display tablet footer on phones */
    }
    
    .site-footer .wrap .oneLineFooter_Mobile {
        display: inherit;   /* display mobile option for phones */
    }
        
}

@media only screen and (max-width: 500px) {
	
	#laptop_horiz_iPad {
		display: none;
	}
	
	#laptop_vertical_iPad {
		display: inherit;
	}
    
    .site-footer .wrap .oneLineFooter {
        display: none;   /* don't display one line footer on phones */
    }
    
    .site-footer .wrap .oneLineFooter_Tablet {
        display: none;  /* Don't display tablet footer on phones */
    }
    
    .site-footer .wrap .oneLineFooter_Mobile {
        display: inherit;   /* display mobile option for phones */
    }
        
}

@media only screen and (max-width: 485px) and (max-height: 360px) {
	
	#laptop_horiz_iPad {
		display: none;
	}
	
	#laptop_vertical_iPad {
		display: inherit;
	}
	
}

@media only screen and (max-width: 481px)  {
        /* css for residents Links - pay online & renters Insurance */
        /* code not used for pure lowry splash page;  keep for use on other splash page websites with links for residents */
      /*  .residentsLinks_heading {
             display: block;
            text-align: center;
            font-size: 1.6em;
            line-height: 1.2em;
             margin-bottom: .5em;
             margin-top:  1em;
             
        }
        
        .payLink_text {
             display: block;
            text-align: center;
            font-size: 1.3em;
            line-height: 1.2em;
           
        }
        
        .insuranceLink_text {
             display: block;
            text-align: center;
            font-size: 1.3em;
            line-height: 1.2em;
             margin-top: 1em;
        }
        
        .rentersLink {
             display: block;
            text-align: center;
            font-size: 1.4em;
            line-height: 1.5em;
            
             
        }
          */
}




@media only screen and (max-width: 450px)   {
	
	#laptop_horiz_iPad {
		display: none;
	}
	
	#laptop_vertical_iPad {
		display: inherit;
	}
    
    /* remove white border above residents links and image at right bottom */
    #splashPageRight_amenities {
        border-top: none;
    }
    
      /* css for residents Links - pay online & renters Insurance */
      /*  code not used for Pure Lowry splash page;  kept for use on other splash websites with links for residents */
    /*    .residentsLinks_heading {
             display: block;
            text-align: center;
            font-size: 1.3em;
            line-height: 1.2em;
             margin-bottom: .5em;
             margin-top:  1.5em;
             
        }
        
        .payLink_text {
             display: block;
            text-align: center;
            font-size: 1.3em;
            line-height: 1.2em;
           
        }
        
        .insuranceLink_text {
             display: block;
            text-align: center;
            font-size: 1.3em;
            line-height: 1.2em;
             margin-top: 1.5em;
        }
        
        .rentersLink {
             display: block;
            text-align: center;
            font-size: 1.7em;
            line-height: 1.5em;
            
             
        }
	        */
}

@media only screen and (max-width: 361px)  {
      /* css for residents Links - pay online & renters Insurance */
      /*  code not used for Pure Lowry splash page;  kept for use on other splash websites with links for residents */
  /*  .residentsLinks_heading {
            font-size: 1.6em;
       line-height: 1.2em;
        margin-bottom: .5em;
        margin-top:  1em;
     
    }   */
}


/*  set width of Icons section in footer on tablets and phones to center icons */
/* default values */
.site-footer .wrap .oneLineFooter_Tablet .icons_Tablet   {
    width: 16%;
   
 }
 .site-footer .wrap .oneLineFooter_Mobile .icons_Mobile   {
    width: 16%;
   
 }
 
@media only screen and (min-width: 900px) and (max-width: 1000px) {
 .site-footer .wrap .oneLineFooter_Tablet .icons_Tablet   {
    width: 12.5%;
   
 }
} 
 
@media only screen and (min-width: 770px) and (max-width: 899px) {
 .site-footer .wrap .oneLineFooter_Tablet .icons_Tablet   {
    width: 15%;
   
 }
}

@media only screen and (min-width: 760px) and (max-width: 769px) {
 .site-footer .wrap .oneLineFooter_Tablet .icons_Tablet   {
    width: 16%;
    }
    
  .site-footer .wrap .oneLineFooter_Tablet #footerText_all .footerText   {
   font-size: 1.2em;
    }  
}

@media only screen and (min-width: 700px) and (max-width: 759px) {
 .site-footer .wrap .oneLineFooter_Tablet .icons_Tablet   {
    width: 17%;
    }
    
  .site-footer .wrap .oneLineFooter_Tablet #footerText_all .footerText   {
   font-size: 1.2em;
    }  
}

@media only screen and (min-width: 645px) and (max-width: 699px) {
 .site-footer .wrap .oneLineFooter_Tablet .icons_Tablet   {
    width: 19%;
   
 }
 
 .site-footer .wrap .oneLineFooter_Tablet #footerText_all .footerText   {
   font-size: 1.1em;
    }
    
}

@media only screen and (min-width: 620px) and (max-width: 644px) {
 .site-footer .wrap .oneLineFooter_Mobile .icons_Mobile   {
    width: 19%;
   
 }
 
   
  .site-footer .wrap .oneLineFooter_Mobile #footerText_all .footerText   {
   font-size: 1.2em;
    }  
}
 

@media only screen and (min-width: 500px) and (max-width: 601px) {
 .site-footer .wrap .oneLineFooter_Mobile .icons_Mobile   {
    width: 22%;
   
 }
 
 .site-footer .wrap .oneLineFooter_Mobile #footerText_all .footerText   {
   font-size: 1.1em;
    }
}

@media only screen and (min-width: 500px) and (max-width: 540px) {
 .site-footer .wrap .oneLineFooter_Mobile .icons_Mobile   {
    width: 23%;   
    }
}
 
 
 @media only screen and (min-width: 450px) and (max-width: 499px)  {
        .site-footer .wrap .oneLineFooter_Mobile .icons_Mobile   {
          width: 25.8% 
      }
 }
 
 @media only screen and (min-width: 251px) and (max-width: 449px) {
    
    .site-footer .wrap .oneLineFooter_Mobile .icons_Mobile {
            width: 53.5%;
        }
 
    .site-footer .wrap .oneLineFooter_Mobile #footerText_all .footerText  {
       font-size: .9em;
    }
 }
 
 @media only screen and (min-width: 381px) and (max-width: 449px) {
    
    .site-footer .wrap .oneLineFooter_Mobile .icons_Mobile {
            width: 30%;
        }
 
    .site-footer .wrap .oneLineFooter_Mobile #footerText_all .footerText a {
       font-size: .9em;
    }
 } 
 
@media only screen and (min-width: 362px) and (max-width: 380px) {
    
    .site-footer .wrap .oneLineFooter_Mobile .icons_Mobile {
            width: 33%;
        }
 
    .site-footer .wrap .oneLineFooter_Mobile #footerText_all .footerText  {
       font-size: .9em;
    }
 }  
 
@media only screen and (min-width: 340px) and (max-width: 361px) {
    
    .site-footer .wrap .oneLineFooter_Mobile .icons_Mobile {
            width: 31.8%;
        }
        
     .site-footer .wrap .oneLineFooter_Mobile .icons_Mobile .disabilityIcon {
        margin-right: 0;
     }
 
    .site-footer .wrap .oneLineFooter_Mobile #footerText_all .footerText  {
       font-size: .9em;
    }
 } 
 
 
 @media only screen and (max-width: 321px)  {
    
    .site-footer .wrap .oneLineFooter_Mobile .icons_Mobile {
            width: 39%;
        }
        
     .site-footer .wrap .oneLineFooter_Mobile #footerText_all .footerText  {
       font-size: .85em;
    }   
 
 } 
 
 @media only screen and (max-width: 250px)  {
    
    .site-footer .wrap .oneLineFooter_Mobile .icons_Mobile {
            width: 53.5%;
        }
 
    .site-footer .wrap .oneLineFooter_Mobile #footerText_all .footerText a {
       font-size: .75em;
    }
 }