/* AIT Infobar Plugin */
/* Main Stylesheet */


#ait-infobar                    { position: fixed; max-height: 100%; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; z-index: 999999; }
#ait-infobar.position-bottom    {bottom: 0; -moz-box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1); } 
#ait-infobar.position-top       {top: 0; -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } 
body.admin-bar.logged-in #ait-infobar.position-top { top: 32px; }

#ait-infobar .main-wrap { width: 100%; max-width: 100%; line-height: 1.5; margin: 0 auto; padding: 16px 40px 20px 40px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0;}

/*** texts ***/

#ait-infobar .text-part         { display: inline-block; vertical-align: middle; max-width: 85%; text-align: left; font-size: 14px; padding: 20px 60px 20px 0px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#ait-infobar .text-part.no-btn-text { max-width: 100%; }
#ait-infobar .text-part p       { margin: 10px 0px 0px 0px; }
#ait-infobar .text-part b       { font-weight: bold; }
#ait-infobar .text-part strong  { font-weight: bold; }
#ait-infobar .text-part i       { font-style: italic; }
#ait-infobar .text-part em      { font-style: italic; }

#ait-infobar .text-part ul      { list-style: none; margin: 10px 0px 0px 0px; }
#ait-infobar .text-part ul li   { padding-left: 20px; position: relative; }
#ait-infobar .text-part ul li:before { border-radius: 100%; content: ""; height: 5px; width: 5px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#ait-infobar .text-part ol      { list-style: decimal; margin: 10px 0px 0px 0px; }
#ait-infobar .text-part ol li   { list-style-position: inside; }

#ait-infobar .text-part p:first-child { margin-top: 0; }


/*** button ***/

#ait-infobar .button-part                       { display: inline-block; vertical-align: middle; width: 200px; max-width: 14%; font-size: 14px; text-align: center; padding: 20px 0px 20px 0px;}
#ait-infobar .button-part .button               { border: none; display: block; font-weight: bold; line-height: 1.5; margin: 0; padding: 7px 25px; cursor: pointer; position: relative; }
#ait-infobar .button-part .button:before        {content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: rgba(255, 255, 255, 0.4); opacity: 0; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
#ait-infobar .button-part .button:hover:before  {opacity: 1; }

/*simple close button (if real button is not used)*/
#ait-infobar .simple-close-button { background: none; border: none; cursor: pointer; position: absolute; top: 35px; right: 25px; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 8px; }

#ait-infobar .simple-close-button:before,
#ait-infobar .simple-close-button:after { content: ""; height: 3px; width: 20px; position: absolute; top: 7px; right: -2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

#ait-infobar .simple-close-button:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

#ait-infobar .simple-close-button:hover { opacity: 0.9; }



@media (max-width: 1024px) 
{
    #ait-infobar .main-wrap { padding-left: 20px; padding-right: 20px; text-align: left;}
    #ait-infobar .text-part { max-width: inherit; padding-right: 20px; }
    #ait-infobar .text-part.no-btn-text { padding-right: 50px; }
    #ait-infobar .button-part { max-width: inherit;}
}

@media (max-width: 782px) 
{
    body.admin-bar.logged-in #ait-infobar.position-top { top: 46px; }
}

@media (max-width: 640px) 
{
    #ait-infobar .text-part,
    #ait-infobar .button-part { font-size: 16px; }
}