/*
Theme Name:        Avvo Websites Theme #9
Theme URI:         http://www.avvo.com/for-lawyers/avvo-websites
Description:       
Author:            Rudi Susanto
Template:          avvosites_parent
Version:           1.0
*/

.site-branding{padding:20px 0;margin:0px;}
#site-navigation{margin:0px;}
#main{min-height: 450px;padding-top:20px;background:#fff;}
#header-sidebar {padding:5px 0px;margin:0;}
#header-sidebar.row{border-radius:20px 20px 0 0;}
#header-sidebar .widget{margin:0px;}
.site-title{padding-top:0px;}
#header-sidebar.row .widget:nth-child(1){float:left;text-align:center;border-radius:20px;padding:0 15px;font-weight:bold;margin-left: 20px;}
#header-sidebar.row .widget:nth-child(2){float:right;text-align:right;margin-right: 20px;}
.social-media-icons a{transition: all 0.3s ease-in-out;}
#nav-container .menu > li > a, .menu-toggle, #nav-container .nav-menu > li > a{padding:5px 10px;transition: all 0.3s ease-in-out;}
#hometext{margin-top:40px;color:#fff;padding:10px 0;text-align:center;font-size:20px;font-weight:bold;}
#secondary .widget{padding:0 20px 20px 20px;margin:20px 0 40px 0;}
#secondary .widget ul{list-style:none;margin:15px 0;}
#secondary .widget ul li{padding:2px 0;}
#secondary .widget-title{padding:5px 0px 5px 10px;border:1px solid #ddd;margin-left:-21px;margin-top:-20px;border-radius:0 50px 50px 0;}
.single-staff .entry-header img{padding:4px;border:1px solid #ddd;background:#fff;}
.single-staff .entry-title{margin-bottom:20px;}
.post-type-archive-staff .entry-header img{padding:4px;border:1px solid #ddd;background:#fff;}
.post-type-archive-staff .entry-header{margin-top:20px;}

#ratings-sidebar {margin-top: 20px;}

/*TESTIMONIAL*/
#testimonial-area{text-align:center;margin-bottom:0px;overflow: hidden;clear: both;width: 100%;padding:20px 0;}
#testimonial-area h3{position: relative;margin-bottom: 30px;}
#testimonial-area ul{margin:0px;list-style:none;text-align:left;font-style:italic;width: 100%;transition: all 0.3s ease;}
#testimonial-area ul li{max-width: 960px;width: 100%;height: 800px;}
#testimonialul .name_rating{font-size:0.7em;font-weight:bold;text-align:center;margin-top:10px;}

#homepage_aty_wrapper{width:100%;float:left;padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #ddd;overflow: hidden;}
.homepage_aty_box {text-align: center;}
.homepage_aty_box a{color:#fff;}
.homepage_aty_box:last-child{margin-right:0px;}
.homepage_aty_name{background:#000;width:230px;text-align:center;font-weight:bold;line-height:36px;overflow: hidden;margin: -10px auto 0 auto;}

body:not(.archive) .entry-title{border-bottom:1px solid #ddd;}
#colophon #ratings-sidebar{text-align:center;}
.navigation-main ul ul{margin-top:10px;padding:10px;}
.navigation-main ul ul li{padding:3px 0;}
#homebox{float:right;}
.homebox_widget{float:left;margin:20px 0 0 0;background:rgba(0,0,0,0.5);color:#fff;padding:20px;}
#mobile-sidebar {text-align: center;margin: 20px 0 0 0;font-weight: bold;}
#mobile-sidebar .widget{margin: 0 0 10px 0;}

/*FOOTER LARGE SOCIAL ICONS*/
.social-media-icons .large {
  margin-bottom: 4px;
}

/* MEDIA QUERIES */
@media (min-width: 1000px) {
    #testimonial-area{font-size:1.2em;}
    #homebox{width:500px;margin-right: 20px;}
    .homebox_widget{width:100%;}
    .homepage_aty{width:96%;max-width: 230px;}
    .homepage_aty_box.five{margin-left:15px;}
    .homepage_aty_box.eight img{float: left;width: 230px;}
    .homepage_aty_box.eight .homepage_aty_name{margin-top: 0px;float: left;margin-left: 10px;}
    .homepage_aty_box.eight .homepage_aty_bio{float: left;width: 208px;text-align: left;padding: 10px;margin-left: 10px;font-size: 14px;line-height: 20px;}
    .homepage_aty_box.sixteen img{float: left;width: 140px;}
    .homepage_aty_box.sixteen .homepage_aty_name{margin-top: 0px;float: left;margin-left: 10px;}
    .homepage_aty_box.sixteen .homepage_aty_bio{float: left;width: 788px;text-align: left;padding: 10px;margin-left: 10px;font-size: 14px;}
    .homepage_aty_box.four_up{float: left;width: 240px;}
    .homepage_aty_name.four_up{width: 223px;}
    .bx-prev{position:absolute;top:200px;font-size:30px;background:rgba(0,0,0,0.5);padding:0 10px;opacity:0.5;color:#fff;}
    .bx-next{position:absolute;top:200px;right:0;font-size:30px;background:rgba(0,0,0,0.5);padding:0 10px;opacity:0.5;color:#fff;}
    .bx-prev:hover,.bx-next:hover{text-decoration:none;opacity:1;}
    .bx-next.disabled,.bx-prev.disabled{display:none;}
}

@media (min-width: 800px) and (max-width: 999px) {
    #testimonial-area{  font-size:1em;  }
    #homebox{width:500px;margin-right: 50px;}
    .homebox_widget{width:100%;}
    .homepage_aty{width:182px;}
    #hometext{font-size:16px;}
    .homepage_aty_box.five{margin-left:10px;}
    .homepage_aty_name{width: 182px;}
    .homepage_aty_box.eight img{float: left;width: 170px;}
    .homepage_aty_box.eight .homepage_aty_name{margin-top: 0px;float: left;margin-left: 10px;width: 192px;}
    .homepage_aty_box.eight .homepage_aty_bio{float: left;width: 180px;text-align: left;padding: 5px;margin-left: 10px;font-size: 12px;line-height: 14px;}
    .homepage_aty_box.sixteen img{float: left;width: 140px;}
    .homepage_aty_box.sixteen .homepage_aty_name{margin-top: 0px;float: left;margin-left: 10px;}
    .homepage_aty_box.sixteen .homepage_aty_bio{float: left;width: 596px;text-align: left;padding: 10px;margin-left: 10px;font-size: 14px;}
    .bx-prev{position:absolute;top:200px;font-size:30px;background:rgba(0,0,0,0.5);padding:0 10px;opacity:0.5;color:#fff;}
    .bx-next{position:absolute;top:200px;right:0;font-size:30px;background:rgba(0,0,0,0.5);padding:0 10px;opacity:0.5;color:#fff;}
    .bx-prev:hover,.bx-next:hover{text-decoration:none;opacity:1;}
    .bx-next.disabled,.bx-prev.disabled{display:none;}
}

@media (min-width: 480px) and (max-width: 799px) {
    #testimonial-area{font-size:0.9em;}
    #homebox{width:460px;margin: auto;}
    .homebox_widget{width:100%;}    
    #hometext{font-size:16px;}
    .homepage_aty{width:96%;max-width: 160px;}
    .homepage_aty_name{font-size: 14px;line-height: 22px;margin-bottom: 10px;width: 160px;}
    .homepage_aty_box.eight{margin-bottom: 20px;}
    .homepage_aty_box.eight img{float: left;width: 170px;}
    .homepage_aty_box.eight .homepage_aty_name{margin-top: 0px;float: left;margin-left: 10px;width: 248px;}
    .homepage_aty_box.eight .homepage_aty_bio{float: left;width: 236px;text-align: left;padding: 5px;margin-left: 10px;font-size: 13px;line-height: 18px;}
    .homepage_aty_box.sixteen img{width: 180px;}
    .homepage_aty_box.sixteen .homepage_aty_name{margin-top: 0px;}
    .homepage_aty_box.sixteen .homepage_aty_bio{float: left;width: 398px;text-align: left;padding: 10px;margin-left: 0px;font-size: 13px;}
    .homepage_aty_box.slide .homepage_aty_name{display: none;}
    .bx-prev{position:absolute;left:-15px;top:120px;}
    .bx-next{position:absolute;right:-15px;top:120px;}
    .bx-prev:hover,.bx-next:hover{text-decoration:none;opacity:1;}
    .bx-next.disabled,.bx-prev.disabled{display:none;}
    #site-navigation .nav-menu li{padding:.5em 0;margin:5px 0;}
}

@media (max-width: 479px) {
    #testimonial-area{font-size:0.85em;}
    #testimonial-area h3{margin-bottom: 20px;}
    #testimonialul .name_rating{font-size:1em;}
    #homebox{width:260px;margin: auto;float: none;}
    .homebox_widget{width:85%;font-size: 0.9em;line-height: 1.2em;}
    #hometext{font-size:14px;}
    .homepage_aty{width:96%;max-width: 120px;}
    .homepage_aty_name{font-size: 14px;line-height: 22px;margin-bottom: 10px;width: 120px;}
    .homepage_aty_box.eight{margin-bottom: 20px;}
    .homepage_aty_box.eight img{width: 170px;max-width:170px;}
    .homepage_aty_box.eight .homepage_aty_name{margin-top: 0px;width: 172px;}
    .homepage_aty_box.eight .homepage_aty_bio{float: left;width: 276px;text-align: left;padding: 5px;margin-left: 10px;font-size: 13px;line-height: 20px;}
    .homepage_aty_box.sixteen img{width: 180px;}
    .homepage_aty_box.sixteen .homepage_aty_name{margin-top: 0px;}
    .homepage_aty_box.sixteen .homepage_aty_bio{float: left;width: 278px;text-align: left;padding: 10px;margin-left: 0px;font-size: 13px;}
    .homepage_aty_box.slide .homepage_aty_name{display: none;}
    .bx-prev{position:absolute;left:-15px;top:100px;}
    .bx-next{position:absolute;right:-15px;top:100px;}
    .bx-prev:hover,.bx-next:hover{text-decoration:none;opacity:1;}
    .bx-next.disabled,.bx-prev.disabled{display:none;}
    #site-navigation .nav-menu li{padding:.5em 0;margin:5px 0;}
}

@media only screen and (max-width: 799px) and (min-width: 480px){
    .homepage_aty_box.four.columns,
    .homepage_aty_box.five.columns{
        width:210px;
    }
}
@media only screen and (max-width: 479px) and (min-width: 350px){
    .homepage_aty_box.four.columns,
    .homepage_aty_box.five.columns{
        width:150px;
    }
}