/*
Theme Name:     Dottoro Child
Theme URI:      http://themeeditor.dottoro.com/
Description:    Child theme for the Dottoro theme 
Author:         Dottoro
Author URI:     http://themeeditor.dottoro.com
Template:       dottoro
Version:        1.0
*/

/*
** Do not load the stylesheet of the Dottoro theme !!!
** It is loaded automatically by the theme. 
**
** @import url("../dottoro/style.css");
*/

	/* remove the background of syntax highlighted code blocks */
.dottoro_highlight pre {
	background: none;
	max-width: 800px;
}

#site_title {
	text-align: center;
}
	/* move the Back compressed menu button to the right */
.popup_menu .menu_compressed .menu_back {
	float: right !Important;
}

.menus_subheader {
	padding: 10px 0 0 0;
}

#subheader .widget_navigation_bar li {
	float: left;
	margin: 10px 10px !Important;
	font-size: 16px;
	border: 1px solid #6e604e !Important;
}

/*****************
*   Home Page    *
******************/

@media only screen and (max-width: 767px) {
		/* set the width of the menu when the sidebar moves below the content */
	.home #sidebar .popup_menu {
		width: 120px;
	}
}

/**********************
*   Menu Alignment    *
***********************/

.centered_menu_page #nav .menu {
	margin: auto !Important;
}

.right_aligned_menu_page #nav .menu {
	margin: 0 0 0 auto !Important;
}

/**************************
*   Horizontal Submenus   *
***************************/

	/* Add some top margin to the subheader */
.horiz_submenus_page #subheader_wrapper_margin {
	margin-top: 40px;
}

/*     ------------ Primary Navigation ------------ */

	/* full width horizontal submenus */
.horiz_submenus_page #nav .menu_normal li {
	position: static !Important;
}

.horiz_submenus_page #nav .menu_normal .sub-menu  {
	left: 0 !Important;
	right: 0 !Important;
}

.horiz_submenus_page #nav .menu_normal .sub-menu > li {
	float: left !Important;
}

.horiz_submenus_page #nav .menu_normal .label_holder {
	width: auto !Important;
}
	/* increase the font size of submenus (it can be done in the theme editor) */
.horiz_submenus_page #nav .menu_normal .sub-menu > li {
	font-size: 15px !Important;
}
	/* remove the horizontal separator between submenu items (it can be done in the theme editor) */
.horiz_submenus_page #nav .menu_normal .sub-menu > li {
	border-top: 0 !Important;
}
	/* add vertical separators between submenu items */
.horiz_submenus_page #nav .menu_normal .sub-menu > li {
	border-left: 1px solid #4f4d49;
}
.horiz_submenus_page #nav .menu_normal .sub-menu > li:first-child {
	border-left: 0;
}


/*     ------------ First menu in the content ------------ */

	/* do not highlight the current main menu item */
.horizontal_submenus .menu > li.current-menu-ancestor > a, .horizontal_submenus .menu > li.current-menu-item > a {
	background: none;
}

	/* full width horizontal submenus */
.horizontal_submenus .menu_normal li {
	position: static !Important;
}

.horizontal_submenus .menu_normal .sub-menu  {
	left: 0 !Important;
	right: 0 !Important;
}

.horizontal_submenus .menu_normal .sub-menu > li {
	float: left !Important;
}

.horizontal_submenus .menu_normal .label_holder {
	width: auto !Important;
}
	/* increase the font size of submenus (it can be done in the theme editor) */
.horizontal_submenus .menu_normal .sub-menu > li {
	font-size: 15px !Important;
}
	/* remove the horizontal separator between submenu items (it can be done in the theme editor) */
.horizontal_submenus .menu_normal .sub-menu > li {
	border-top: 0 !Important;
}
	/* add vertical separators between submenu items */
.horizontal_submenus .menu_normal .sub-menu > li {
	border-left: 1px solid #4f4d49;
}
.horizontal_submenus .menu_normal .sub-menu > li:first-child {
	border-left: 0;
}
	/* decrease the right padding of submenu folder labels (submenu items that has a submenu) */
.horizontal_submenus .menu_normal .sub-menu .label_holder {
	padding-right: 6px !Important;
}

	/* remove the left and right border of submenus */
.horizontal_submenus .menu_normal .sub-menu {
	border-left: 0;
	border-right: 0;
}

/*     ------------ Second menu in the content (first level submenus are horizontal, the others are vertical) ------------ */

	/* do not highlight the current main menu item */
.horizontal_submenus2 .menu > li.current-menu-ancestor > a, .horizontal_submenus2 .menu > li.current-menu-item > a {
	background-color: transparent;
}

	/* full width horizontal first-level submenus */
.horizontal_submenus2 .menu_normal > li {
	position: static !Important;
}

.horizontal_submenus2 .menu_normal > li > .sub-menu  {
	left: 0 !Important;
	right: 0 !Important;
}

.horizontal_submenus2 .menu_normal > li > .sub-menu > li {
	float: left !Important;
}

.horizontal_submenus2 .menu_normal > li > .sub-menu > li > a > .label_holder {
	width: auto !Important;
}
	/* increase the font size of first-level submenus */
.horizontal_submenus2 .menu_normal > li > .sub-menu > li {
	font-size: 15px !Important;
}
	/* remove the horizontal separator between first-level submenu items (it can be done in the theme editor) */
.horizontal_submenus2 .menu_normal > li > .sub-menu > li {
	border-top: 0 !Important;
}
	/* add vertical separators between first-level submenu items */
.horizontal_submenus2 .menu_normal > li > .sub-menu > li {
	border-left: 1px solid #4f4d49;
}
.horizontal_submenus2 .menu_normal > li > .sub-menu > li:first-child {
	border-left: 0;
}
	/* decrease the right padding of first-level submenu folder labels (submenu items that has a submenu) */
.horizontal_submenus2 .menu_normal > li > .sub-menu > li > a > .label_holder {
	padding-right: 6px !Important;
}
	/* Change the opening direction of the second level submenus to downward */
.horizontal_submenus2 .menu_normal > li > .sub-menu > li > .sub-menu {
	left:0; right:auto; top:100%; bottom:auto;
}

	/* remove the left and right border of submenus */
.horizontal_submenus2 .menu_normal .sub-menu {
	border-left: 0;
	border-right: 0;
}


/********************************
*   Custom Opening Directions   *
*********************************/

	/* Change the opening direction of the Main Item 4 to upward, but only on the Custom Opening Directions page */
.custom_menu_open_dir_page #nav .custom_open_dir > .sub-menu {
	left:0; right:auto; top:auto; bottom:100%;
}


/*****************
*   Mega Menus   *
******************/

#nav .sub-menu.dottoro_mega_submenu {
	background-color: #f7f7f7;
	border: 1px solid #c0c0c0;
}

.fashion_mega_menu_holder {
	white-space: nowrap; 
	margin-top: 10px;
}

.fashion_mega_menu_holder ul {
	padding-left: 0;
}

.fashion_mega_menu_holder .col .inner_margin_medium {
	margin: 0 12px;
}

.slider_mega_menu_holder .slideshow {
	margin-top: 10px;
}

.tab_mega_menu_holder {
	padding: 8px; 
	font-size: 13px;
}


	/* Mega Menus page */

.mega_menu_page .fashion_mega_menu_holder {
	width: 250px;
}

.mega_menu_page .slider_mega_menu_holder {
	width: 760px;
}
@media only screen and (max-width: 767px) {
	.mega_menu_page .slider_mega_menu_holder {
		width: auto;
	}
	.mega_menu_page .slider_mega_menu_holder .col {
		width: 100%;
	}
}

.mega_menu_page .tab_mega_menu_holder {
	width: 750px; 
}
@media only screen and (max-width: 767px) {
	.mega_menu_page .tab_mega_menu_holder {
		width: 400px;
	}
	.mega_menu_page .tab_mega_menu_holder .col {
		width: 100%;
	}
}

.mega_menu_page .contact_mega_menu_holder {
	width: 600px;
}
@media only screen and (max-width: 610px) {
	.mega_menu_page  .contact_mega_menu_holder {
		width: 400px;
	}
}

/* Full width mega menus page */

	/* full width submenus */
.full_width_mega_page #nav .menu_normal li {
	position: static !Important;
}

.full_width_mega_page #nav .menu_normal .sub-menu  {
	left: 0 !Important;
	right: 0 !Important;
}

	/* change 4-column layouts to 2-column layouts */
@media only screen and (max-width: 767px) {
	.full_width_mega_page #nav .fashion_mega_menu_holder .col4 {
		width: 50%;
	}
	.full_width_mega_page #nav .fashion_mega_menu_holder {
		font-size: 13px;
	}
}

@media only screen and (max-width: 600px) {
	.full_width_mega_page .slider_mega_menu_holder .col {
		width: 100%;
	}
}
@media only screen and (max-width: 520px) {
	.full_width_mega_page .tab_mega_menu_holder .col {
		width: 100%;
	}
}

/*******************************
*   Responsive Media Queries   *
*******************************/


/* When viewport width is not greater than 980px */
@media only screen and (max-width: 980px) {

		/* full width pages */
	.inner, #wrapper, #headers, #header_wrapper, #subheader_wrapper, #body_wrapper, #footer_wrapper, #footer_widget_wrapper, #footer_content_wrapper {
		min-width:100% !Important;max-width:100%;
	}

	#content_wrapper {width:100% !Important;}
	.left_sidebar #content_wrapper {margin-left:-145px !Important;}
	.left_sidebar #content {margin-left:145px;}

	.default_sidebar #content_wrapper {margin-right:-145px !Important;}
	.default_sidebar #content {margin-right:145px;}

	.right_sidebar #content_wrapper {margin-right:-145px !Important;}
	.right_sidebar #content {margin-right:145px;}

		/* allow some elements to be resized */
	iframe, object, embed, applet {max-width:100%;}
	img, video {height:auto; max-width:100%;}
	.image_anchor, .alignleft, .alignright, .aligncenter {max-width:100%;}
	.image_anchor {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

	input, textarea {max-width:100%;}

		/* allow pre elements to wrap text */
	pre {white-space:pre-wrap;word-wrap:break-word;}

		/* smaller flicker images */
	.flickr_photos_widget img {width:58px !Important;height:36px !Important;}

		/* allow post thumbnails to be resized */
	.post_thumbnail {max-width:100%;}

		/* allow news slideshow to be resized */
	.recommended_slider, .recommended_slider_tabs {max-width:100% !Important; width: 100% !Important;}
}

/* smaller than iPad - 1024x768   */
@media only screen and (max-width: 767px) {
		/* move the sidebar below the content */
	#content_wrapper {width:100% !Important; float: none;}
	#sidebar_wrapper {width:100% !Important; float: none;}

		/* If you want to hide the sidebar on small screen sizes, instead of moving it below the content, remove the comment from the next line */
	/* #sidebar_wrapper {display:none !Important;} */
	
		/* And for instance, if you want to hide the sidebar only on blog post pages, remove the comment from the next line */
	/* .single-post #sidebar_wrapper {display:none !Important;} */
	
		/* remove margins added above */
	.default_sidebar #content {margin-right:0px;}
	.right_sidebar #content {margin-right:0px;}
	.left_sidebar #content {margin-left:0px;}
}

/***********
*   MENU   *
***********/

/* Move the menu back to the right if compressed menu is used */
.compressed_menu #header {height:110px !Important;} /* set the header height back to its original value */
.compressed_menu #nav {right:auto !Important; width:auto !Important;} /* move the menu back to the right  */

/* Move right aligned compressed menu below the site logo, title and description on very small screen sizes */
@media only screen and (max-width: 390px) {
	.compressed_menu #header {height:150px !Important;}
}

/* Submenu icons make multilevel compressed menu more usable
   If there are submenu icons in your menu design, you no need these lines
*/
.compressed_menu #nav .sub-menu li.folder > a .submenu_icon_after:after {content:'\f008' !Important;}
.compressed_menu #nav .sub-menu li.folder:hover > a .submenu_icon_after:after {content:'\f008' !Important;}


/**********************
*   Imagefolio page   *
**********************/

		/* allow the content to be resized on imagefolio pages */
@media only screen and (max-width: 840px) {
	.imagefolio_active_text {padding-left:0px !Important;padding-top:14px;}
	.imagefolio_active {float:none !Important;}
}


/*********************
*   News SlideShow   *
*********************/

/* Remove tab labels of news recommended slider on small screen sizes  */
@media only screen and (max-width: 479px) {
	.recommended_slider_tabs td {height:20px;}
	.recommended_slider_tabs td > a {display:none;}
} 


/*********************
*   2 cols widgets   *
*********************/

/* change 2-column layouts to single-column layouts */
@media only screen and (max-width: 320px) {
	.widget.two_cols li {float:none !Important;width:100% !Important;}
} 

/******************************
*   Post Lists - Grid Layout  *
*******************************/

/* 4 columns - pages without sidebar */

/* remove original row breaks */
@media only screen and (max-width: 770px) {
	.no_sidebar .grid_list.list_4_col .idx_1mod4 {clear:none !Important;}
}
/* change 4-column layouts to 3-column layouts */
@media only screen and (min-width:571px) and (max-width: 770px) {
	.no_sidebar .grid_list.list_4_col .col4 {width:33.33% !Important;}
	.no_sidebar .grid_list.list_4_col .idx_1mod3 {clear:left !Important;}
}
/* change 4-column layouts to 2-column layouts */
@media only screen and (min-width:371px) and (max-width: 570px) {
	.no_sidebar .grid_list.list_4_col .col4 {width:50% !Important;}
	.no_sidebar .grid_list.list_4_col .idx_1mod2 {clear:left !Important;}
}
/* change 4-column layouts to single-column layouts */
@media only screen and (max-width: 370px) {
	.no_sidebar .grid_list.list_4_col .col4 {width:100% !Important;float:none !Important;}
}

/* 4 columns - pages with sidebar */

/* remove original row breaks */
@media only screen and (max-width: 900px) {
	#body:not(.no_sidebar) .grid_list.list_4_col .idx_1mod4 {clear:none !Important;}
}
/* change 4-column layouts to 3-column layouts */
@media only screen and (min-width:768px) and (max-width: 900px) {
	#body:not(.no_sidebar) .grid_list.list_4_col .col4 {width:33.33% !Important;}
	#body:not(.no_sidebar) .grid_list.list_4_col .idx_1mod3 {clear:left !Important;}
}
/* back to 4-column, because the sidebar disappears bellow 768 pixels */
@media only screen and (min-width:591px) and (max-width: 767px) {
	#body:not(.no_sidebar) .grid_list.list_4_col .idx_1mod4 {clear:left !Important;}
}
/* change 4-column layouts to 3-column layouts */
@media only screen and (min-width:401px) and (max-width: 590px) {
	#body:not(.no_sidebar) .grid_list.list_4_col .col4 {width:33.33% !Important;}
	#body:not(.no_sidebar) .grid_list.list_4_col .idx_1mod3 {clear:left !Important;}
}
/* change 4-column layouts to 2-column layouts */
@media only screen and (min-width:321px) and (max-width: 400px) {
	#body:not(.no_sidebar) .grid_list.list_4_col .col4 {width:50% !Important;}
	#body:not(.no_sidebar) .grid_list.list_4_col .idx_1mod2 {clear:left !Important;}
}
/* change 4-column layouts to single-column layouts */
@media only screen and (max-width: 320px) {
	#body:not(.no_sidebar) .grid_list.list_4_col .col4 {width:100% !Important;}
}


/* 3 columns - pages without sidebar */

/* remove original row breaks */
@media only screen and (max-width: 770px) {
	.no_sidebar .grid_list.list_3_col .idx_1mod3 {clear:none !Important;}
}
/* change 3-column layouts to 2-column layouts */
@media only screen and (min-width:531px) and (max-width: 770px) {
	.no_sidebar .grid_list.list_3_col .col3 {width:50% !Important;}
	.no_sidebar .grid_list.list_3_col .idx_1mod2 {clear:left !Important;}
}
/* change 3-column layouts to single-column layouts */
@media only screen and (max-width: 530px) {
	.no_sidebar .grid_list.list_3_col .col3 {width:100% !Important;float:none !Important;}
}

/* 3 columns - pages with sidebar */

/* remove original row breaks */
@media only screen and (max-width: 870px) {
	#body:not(.no_sidebar) .grid_list.list_3_col .idx_1mod3 {clear:none !Important;}
}
/* change 3-column layouts to 2-column layouts */
@media only screen and (min-width:768px) and (max-width: 870px) {
	#body:not(.no_sidebar) .grid_list.list_3_col .col3 {width:50% !Important;}
	#body:not(.no_sidebar) .grid_list.list_3_col .idx_1mod2 {clear:left !Important;}
}
/* back to 3-column, because the sidebar disappears bellow 768 pixels */
@media only screen and (min-width:571px) and (max-width: 767px) {
	#body:not(.no_sidebar) .grid_list.list_3_col .idx_1mod3 {clear:left !Important;}
}
/* change 3-column layouts to 2-column layouts */
@media only screen and (min-width:371px) and (max-width: 570px) {
	#body:not(.no_sidebar) .grid_list.list_3_col .col3 {width:50% !Important;}
	#body:not(.no_sidebar) .grid_list.list_3_col .idx_1mod2 {clear:left !Important;}
}
/* change 3-column layouts to single-column layouts */
@media only screen and (max-width: 370px) {
	#body:not(.no_sidebar) .grid_list.list_3_col .col3 {width:100% !Important;float:none !Important;}
}


/* 2 columns - pages without sidebar */

/* change 2-column layouts to single-column layouts */
@media only screen and (max-width: 550px) {
	.no_sidebar .grid_list.list_2_col .col2 {width:100% !Important;float:none !Important;}
}

/* 2 columns - pages with sidebar */

/* change 2-column layouts to single-column layouts */
@media only screen and (max-width: 450px) {
	#body:not(.no_sidebar) .grid_list.list_2_col .col2 {width:100% !Important;float:none !Important;}
}


/*************
*   Tabset   *
*************/

/*
Move tabs to the left side of horizontal tabsets

@media only screen and (max-width: 450px) {
	.tabset.horizontal {}
	.tabset.horizontal .tabset_tabs {float:left;width:90px;margin-right:0px !Important;padding-right:0px !Important;}
	.tabset.horizontal .tabset_tab_holder {padding-right:0px !Important;}
	.tabset.horizontal .tabset_tab {top:0;left:0px;width:100%}
	.tabset.horizontal .tabset_tab a {margin-top:0px !Important;}
	.tabset.horizontal .tabset_tab.active {left:1px;}
	.tabset.horizontal .tabset_tab.active a {border-bottom-width:1px !Important;border-right-width:0px !Important;}
}
*/