/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- CSS Reset for Tablet ----------*/
@media handheld, only screen and (max-width: 1140px){
/*-------- Design style --------*/
.skin_wrapper { width:auto!important; margin:0!important; }


/*top right icons*/
.icons_menu{ margin-right:0; }
.icon_lang_style{left:-28px; }
.icon_lang_style:before {left:37px;}
.icon_search_style{ padding:15px 7px;}

/*--------- Color Picker Style ----------*/
#custom_wrapper{display:none;}
#custom-button {display:none;}

/*--------- Togglable Tabs Style ----------*/
.skin_tabs{padding:30px 0 20px;}
.nav-tabs > li > a { padding-top:12px; font-size:12px;}
.tab_title{padding:0 10px;font-size:16px;}
.nav-tabs { padding:0;margin-left:51%;}
.tab_photo{width:50%;}

/*SEARCH BOX TABS OVERWRIGHT*/
.search-tabs {margin-left:0px;}
/*END*/

/*----------Shortcode Portfolio List -------------- */
.thisportfolioitem{width:24%;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;overflow:hidden;position:relative;margin:5px}

/*--------- Service-box Style ----------*/
.service-box{width:66%; padding: 10px 30px;height:220px;margin-left:10px;}
.service-icon-one, .service-icon-two, .service-icon-three{margin:0 auto;float:none!important; }
.service-info-title{width:100%;text-align:center;}

/*--------- Footer Categories Style ----------*/
.content_404{ font-size:115px; color:#9e9e9e; text-align:center; float:right;padding:30px 0 0 20px;;float:left;}
.error_title_one { font-size:25px; color:#9e9e9e; text-align:right;}
.error_page .search_style input[type="text"] { width: 190px; }

/*---------- carouFredSel style -------------- */
.pg-details h2{font-size:15px;}
.pg-info:hover .pg-details{ bottom: calc(30% - 20px);}


/*---------Prices Purple---------*/
.price_dark_button span a{ padding:10px 20px; font-size:16px;}
.price_color_button span a{ padding:10px 20px; font-size:16px;}

/*------------------ Testimonials Page -------------------*/
.page_services li{width:45%;margin:0 1% 3%;;float:left;}

/*--------- Quovolve Style ----------*/
.quovolve-box .quovolve-nav .nav-numbers {left:41%;bottom:35px}
.quovolve-box ul li .quovolve-box_text p span {font-size:15px;line-height:25px;}

/*--------- Menu Style ----------*/
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 16px;}
}

@media handheld, only screen and (max-width: 1120px){
.logo_style img { max-width:200px; }
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 15px;}
}

@media handheld, only screen and (max-width: 1100px){
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 14px;}
}

@media handheld, only screen and (max-width: 1080px){
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ font-size:15px;}/*CHANGED font-size:13px*/

}

@media handheld, only screen and (max-width: 1060px){
/*#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 13px;}*/
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 8px 0 18px;}
}

@media handheld, only screen and (max-width: 1040px){
/*#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 12px;}*/
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 15px 0 15px;}
}

@media handheld, only screen and (max-width: 1020px){
/*#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 11px;}*/
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 0 0 18px;}


/*SAM ADDED FOR LIBRARY ICON IN MAIN NAV*/
/*#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration:none; background:url(../images/LibLogoIcon12B.png) no-repeat 5px 12px;}*/

#megaMenu .category {
	width:362px;
}



/*END*/


}

@media handheld, only screen and (max-width: 1000px){
/*#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 9px;}*/
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 0 0 18px;}
}

@media handheld, only screen and (max-width: 980px){
/*#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 8px;}*/
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 0 0 18px;}

/*SAM ADDED FOR FEATURED ON HOME PAGE*/
.feature-img-wrapper:hover .feature-details h3 {
    font-size: 15px;    
}
.feature-details h3 {
    font-size: 15px;
}
.feature-info:hover .feature-details h3 {
    font-size: 15px;
}

}

@media handheld, only screen and (max-width: 960px){
/*#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 7px;}*/
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 7px;}
}

@media handheld, only screen and (max-width: 940px){
/*#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 6px;}*/
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ padding:0 0 0 18px;}
}

@media handheld, only screen and (max-width: 920px){
#standardMenu .rootMenu li a span, #megaMenu .root li a span{ font-size:11px;}/*CHANGED font-size:12px*/

.footer_right{float:none;}

.footer_left {float:none; position:relative; display:block; text-align:center;width:100%;}
.footer_left .footer_Left_Logo {float:none; position:relative; display:block; /*height:75px; width:75px;*/ padding:10px 10px; text-align:center; /*width:100%;*/}
.footer_left .footer_Left_Logo a {position:relative; display:block; height:75px; width:75px; text-align:center; margin-left:auto; margin-right:auto;}
.footer_left .footer_Left_Logo a img {position:relative; display:block; height:75px; width:75px;text-align:center;}
.footer_left .footer_left_content {line-height:25px; color:#fff!important; padding:5px 0px 10px 0px; float:left; position:relative; display:block; text-align:center;width:100%;}
.footer_right {float:right; position:relative; display:block;text-align:center;width:100%; }
.footer_right .footer_right_Logo {float:none; position:relative; display:block; padding:10px 10px; text-align:center;text-align:center; /*width:100%;*/}
.footer_right .footer_right_Logo a {position:relative; display:block; height:75px; width:75px;text-align:center;margin-right: auto; margin-left: auto;}
.footer_right .footer_right_Logo a img {position:relative; display:block; height:75px; width:75px;text-align:center;}
.footer_right .footer_right_content {float:none; color:#fff!important; padding:5px 0px 10px 0px; position:relative; display:block; text-align:center;width:100%;}

}


}

@media handheld, only screen and (max-width: 860px){
/*#standardMenu .rootMenu li a span, #megaMenu .root li a span{padding:0 5px;}*/
#standardMenu .rootMenu li a span, #megaMenu .root li a span{padding:0 0 0 5px;}

}

@media handheld, only screen and (max-width: 840px){
/*#standardMenu .rootMenu li a span, #megaMenu .root li a span{padding:0 4px;}*/
#standardMenu .rootMenu li a span, #megaMenu .root li a span{padding:0 0 0 18px;}/*CHANGED padding:0 4px*/

/*SAM ADDED FOR FEATURED ON HOME PAGE*/
.feature-img-wrapper:hover .feature-details h3 {
    font-size: 16px;    
}
.feature-details h3 {
    font-size: 16px;
}
.feature-info:hover .feature-details h3 {
    font-size: 16px;
}

}

@media handheld, only screen and (max-width: 820px){
.logo_style img { max-width:120px; }

/*SAM ADDED FOR MEGA MENU QUICK LINKS*/
.boxesQL {
    margin: 0px 5px 15px;
}
/*END*/

}


@media handheld, only screen and (max-width: 767px){
.map-container {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
}


#standardMenu .rootMenu li a span, #megaMenu .root li a span{ font-size:14px; padding:0 15px;}
.logo_style img { max-width:none; }


/*GOOGLE TRANSLATE - MAKE SURE WE DONT NEED THIS*//*#google_translate_element { visibility:collapse; height:0px; width:55px; float:left;position:relative; top:-500px; left:-9999999px;}*/

/*---------- Project style -------------- */
.project_inner .project_rollover{ padding-top:10px;}
.project_inner .entry-title a {font-size:13px;}

/******SAM ADDED FOR NEW MEGA FOOTER******/

.footerrow {
    margin-left: 0;
    margin-right: 0;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.footer_content_center {
    color: #fff;
    display: block;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px;
    position: relative;
    text-align: center;
}


/*END*/
/*SAM ADDED*/
.digitalbox {
	box-sizing: border-box;
	display: block;
	float: none;
	margin-left: 0;
	width: 100%;
}
.audiencesbox {
	box-sizing: border-box;
	display: block;
	float: none;
	margin-left: 0;
	width: 100%;
}
/*END*/
/*TRUMBA CLOSURES*/
.trumbaEventsHome {
	margin-right: 0%;
	float: left;
	width: 90%;
	
}
.trumbaClosuresHome {
	float:none;
	width: 90%;
	
}
/*SAM ADDED FOR MEGA MENU ICON*/
#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration:none; /*ADD UDERLINE*/ background:url(../images/LibLogoIcon14B.png) no-repeat 5px 12px;/*background:url(../images/LibLogoIcon14.png) left 1px no-repeat;*/}
/*END*/

/*SAM ADDED FOR MEGA MENU QUICK LINKS*/
.boxesQL {
    margin: 0px 5px 15px;
}
/*END*/

}