﻿
/* Footer Widget Layout */


#divFooterContent {position:relative; margin:0 auto;}

/* Columns*/
#divFooterContent div.footerColumn {position:relative; float:left; width:33.333%; padding-bottom:5px;}

/* Column Headers*/
#divFooterContent div.footerColumn h2 {padding:10px 0 15px 0;}
#divFooterContent div.footerColumn h3 {padding:10px 0;}

/* Lists*/
#divFooterContent ul {float:left; padding:12px 0 30px 0;}
#divFooterContent ul li {padding-right: 40px;}
#divFooterContent p {float:left}

/* Labels*/
#divFooterContent label {float:left; clear:both; margin-bottom:10px; line-height: 18px}


/* ITAA Logo */
#divFooterContent a.ITAA {width:160px; height:68px; text-indent:-10000px; background-position:-201px -114px;
        border-radius:5px; padding:13px; display:inline-block;}

/* Mobile Social Media Icons */
#divFooterContent a.socialIcon {display:none;}

/* Mobile Navigation */
#divFooterContent #mobileNavigation {display:none;}

/* Credit Card Sprites */
#divFooterContent #ulCreditCards li {padding:0; display:inline-block; text-indent:-10000px;
                                     height:30px; width:45px; background-repeat:no-repeat;}
#ulCreditCards li.ccVisa {background-position:0px -240px;}
#ulCreditCards li.ccVisaElectron {background-position:-53px -240px;}
#ulCreditCards li.ccAmericanExpress {background-position:-106px -240px;}
#ulCreditCards li.ccMasterCard {background-position:-159px -240px;}
#ulCreditCards li.ccMaestro {background-position:-212px -240px;}




/* YourStay */

/* List */
#divFooterContent.YourStay {padding-bottom:3px;}
#divFooterContent.YourStay ul {padding:0;}
#divFooterContent.YourStay ul li {display:inline; padding:0}
#divFooterContent.YourStay ul li a {padding:0px 5px;}
#divFooterContent.YourStay ul li a:hover{padding:0px 5px;text-decoration:underline;}
#divFooterContent.YourStay ul li:first-child a {padding-left:0;}
#divFooterContent.YourStay li+li:before{content: " | ";}

/* Label */
#divFooterContent.YourStay label {position:relative; float:left; clear:left;}

/* Social Media Icons */
#divFooterContent.YourStay div {position:relative; float:right; bottom:14px}
#divFooterContent.YourStay div a {width:59px; height:58px; text-indent:-10000px; display:inline-block;
                                  background-repeat:no-repeat; padding:0; margin-left:20px;}
/*#divFooterContent.YourStay div a.socialMedia:hover{background:rgba(0,0,0,0.6);}*/
#divFooterContent.YourStay div a.smFacebook {background-position:0px -300px;}
#divFooterContent.YourStay div a.smTwitter {background-position:-60px -300px;}
#divFooterContent.YourStay div a.smPinterest {background-position:-120px -300px;}


/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 976px) 
{
    #divFooterContent ul li {padding-right:5px;}
    #divFooterContent div.footerColumn h2.linksContent,
    #divFooterContent label.linksContent,
    #divFooterContent div.footerColumn ul {margin-left:2px;}
     
    
    
    
    /* YourStay */
    #divFooterContent.YourStay ul {margin-left:10px;}
    #divFooterContent.YourStay div a.smPinterest {margin-right:10px;}
    #divFooterContent.YourStay label {margin-left:10px;}
}

/* Mobile */
@media only screen and (max-width: 767px) 
{
    
    #divFooterContent {text-align:center;}
    
    /* ITAA Logo*/
    #divFooterContent a.ITAA {width:144px; height:67px; background-position:-218px -126px; padding:0; margin:5px 30px;}
    
    #divFooterContent div.footerColumn {width:100%; padding:15px 0;}
    
    /* Mobile Navigation */
    #divFooterContent #mobileNavigation {display:inline; margin:10px auto 0px; padding:0; float:none;}
    #divFooterContent #mobileNavigation li+li:before {content: " | ";}
    #divFooterContent #mobileNavigation li {display:inline; padding:0;}
    
    /* Social Media Icons */
    #divFooterContent a.socialIcon {display:inline-block; margin:10px 7px 0px 7px; float:right;}        
    #divFooterContent a.socialIcon.Twitter {width:42px; height:42px; background-position: -473px -54px; text-indent:-10000px; border-radius:5px;}
    #divFooterContent a.socialIcon.Facebook {width:42px; height:42px; background-position:-443px -55px; text-indent:-10000px; border-radius:5px; margin-right:30px;}
    
    
    /* YourStay */
    #divFooterContent.YourStay div {margin:15px auto;float:none;}
    #divFooterContent.YourStay ul {display:none;}
    #divFooterContent.YourStay label {display:none;}
    #divFooterContent.YourStay p {display:none;}
    #divFooterContent.YourStay div a:first-child{margin-left:0px;}

}

@media only screen and (max-width: 450px) 
{
    #divFooterContent a.ITAA {margin:5px 20px;}
}