/*
Theme Name: DILIN WordPress Theme
Description: A child Web Theme based on Master Parent theme
Author: DCRI Web Team
Version: 0.0.1
Template: master_parent
*/

@import url('../master_parent/style.css');

/* begin custom code */
/* in order for this to work you master parent needs to be also checkout into the
theme folder and place in a folder named "master_parent" */


/* Basic Structure */

body {
	background-color: #280B41;
}


.site-header, .site-content, .site-footer {max-width:1330px;margin:0px auto;}

.site-content a:link {color:#603A65; text-decoration:underline;}
.site-content a:hover {color:#7B7288;}
.site-content a:visited {color:#603A65;}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 8px;
}

blockquote {
	font-style: italic;
	font-size: 2rem;
	font-weight: 200;
}

.navigation {
	position: absolute;
	bottom: -20px;
    width: 60%;
    background-color: transparent;
    text-align: center;
}

.navigation .nav-links a {
	font-size: 2.2rem;
}

/* Header Styles */

.site-branding {
	background: transparent url("/wp-content/themes/DILIN/images/logo.jpg") top left no-repeat;
	height: 81px;
	border-bottom: none;
}

.site-branding img {
	position: absolute;
	top: 0px;
}


/* Search Styles */

.search-box-wrapper {
    z-index: 2;
	position:absolute;
	right:50px;
    display:none;
    padding-top:7px;
    background-color:transparent;
	display:block;
}

.search-toggle {
	float: right;
	width: 48px;
	height: 48px;
	padding-top:12px;
	padding-right: 0px;
	margin-right: 0px;
	margin-top: 19px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	position: absolute;
	z-index: 9999;
}

.search-toggle:hover, .search-toggle.active {
	background-color: #7B7288;
}

.search-box .search-field {
	padding-left: 5px;
}


/* Top Horizontal Navigation */

.main-navigation {
	margin-left: 0px;
	position:relative; 
	width:100%;
	background-color: #7D4A7B;
	border-top: 1px solid #000000; 

}

.main-navigation ul li a {
	color: #ffffff;
	text-transform: none
}

.main-navigation ul li a {
	padding: 8px;
}

.main-navigation ul ul li a {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #ffffff;
}

.main-navigation ul ul {
    position: absolute;
    left: 0;
    z-index: 99999;
    display: none;
    float: left;
    padding: 0;
    background: #7B7288;
}

.main-navigation li:hover > a {
    color: #fffff !important;
    color: hsl(0, 0%, 100%);
    background: #7B7288;
}

.main-navigation ul ul a:hover {
    background: #7B7288;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover {
    background:  #7B7288;
    color: #FFFFFF !important;
    color: hsl(0, 0%, 19%);
}

.main-navigation .current_page_ancestor {
    background: #7B7288;
}

.main-navigation .current_page_ancestor a {
color: #ffffff;
}

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
    color: #FFFFFF !important;
    color: hsl(0, 0%, 100%);
    background: #7B7288;
} 

/* Nav Menu Toggle */

button.menu-toggle.fa.fa-bars {
	background-color: #2275AB
}

/* Main Content Area */



/*#content {
	background-color:  transparent;
}*/

.centercol {
	padding: 22px 62px;
	background-color: #ffffff;
}

.category .centercol,
.archive .centercol,
.category #primary,
.archive #primary  {
	background-image: none;
	background-color:  #fffffft;
}

.category h1.page-title,
h1.page-title {
	margin-left: 10px;
	margin-top: 12px;
}

div.page-content {
	margin-left: 10px;
}

#primary {
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
}


#rightbar-widgets {
    background-color: transparent;
	padding: 12px 8px 5px 8px; 
	border-left: none !important;
	border-bottom: none !important;
}

/* 404 content area */

.error404 #primary {
	padding: 22px 62px;
}

.error404 .page-content .search-field {
	margin: 20px 0;
}

/* Site wide Button Styles */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #7D4A7B;
	border-radius: 3px;
	background: #7D4A7B;
	box-shadow: none;
	color: #ffffff;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #7D4A7B;
	box-shadow: none;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #7D4A7B;
	box-shadow: none;
}


/* Comments Area */

#comments {
	margin-left: 15px;
}

/* Widgets */

#rightbar-widgets {
    background-color: tranparent;
}

#secondary {
	background-color:  transparent !important; 
	padding: 0 0 200px 0;
}

#secondary .widget  {
	padding: 0px;
}

#secondary .widget_nav_menu ul li {
	padding-left: 8px;
}

#secondary .widget_nav_menu ul li:hover {
	background-color: #7B7288;
}

#secondary .widget_archive,
#secondary .widget_meta,
#secondary .widget_recent_comments,
#secondary .widget_recent_entries,
#secondary .widget_text,
#secondary .widget_search,
#secondary .widget_tag_cloud,
#secondary .widget_rss,
#secondary .widget_calendar,
#secondary .widget_categories
 {
	padding-left: 8px;
	padding-right: 5px;
}

#rightbar-widgets  .widget-title,
#secondary .widget-title {
	display: block;
	font-weight: 500;
	font-size: 2rem;
}

#secondary .widget_pages .widget-title {
	display: none;
}

.widget_recent_entries li {
	margin-bottom: 8px;
}

#secondary a:link {color: #FFFFFF; text-decoration: none;}
#secondary a:hover {color:#FFFFFF;}
#secondary a:visited {color:#FFFFFF;}
#secondary li.recentcomments { color: #7B7288; }
#secondary .widget_rss, #secondary .widget_calendar { color: #000000; }

.widget_nav_menu ul,
.widget_pages ul {
	margin-top: 5px;
	margin-left: 0px;
}

.widget_nav_menu ul li {
	border-top: 1px solid #A480A3;
	border-bottom: 1px solid #000000;
}

.widget_nav_menu ul ul li {
	border-top: none;
	border-bottom: none;
}

.widget ul,
.widget ol {
	margin-left: 0px;
}

.widget_pages ul ul {
	margin-left: 15px;
}

.widget_pages ul li {
	border-bottom: 1px solid grey;
}

.widget_pages ul ul li {
	border-bottom: none;
}

.widget ul li {
	list-style-type: none;
}

.widget_pages a {
	text-decoration: none !important;
}

.widget_calendar caption {
	font-size: 2rem;
}


/* Text Widget Styles */

#secondary .widget_text {
	color: #ffffff;
}

#secondary .widget_text a {
	color: #280B41;
}

.widget_text ul,
.widget_text ol {
	margin-left: 15px;
}

.widget_text ul li {
	list-style-type: disc;
	margin-left: 15px;
}

.widget_text ol li {
	list-style-type: decimal;
	margin-left: 15px;
}


/* Footer - Colophon */

#colophon {
	background-color: #7D4A7B;
}

.site-footer {
	background-color: #7D4A7B;
}


/* Responsive Design */

@media screen and (max-width: 479px) {
	
	.search-box-wrapper {width:15%;top:80px;}
	.search-toggle {top: 66px;right: 10px;}

.site-branding {
	background: transparent url("/wp-content/themes/DILIN/images/logo_mobile.png") top left no-repeat;
	height: 81px;
	border-bottom: none;
}
	
/*#content, .site-content {
    background-image: none !important;
    background-color: #ffffff;
}*/

}

@media screen and (min-width: 480px) {
	
.search-box-wrapper {width:20%;top:21px;}
.search-toggle {top: 8px;right: 0px;}
	
}

@media screen and (max-width: 600px) {
	.error404 #primary {
		height: calc(415px + 239px);
	}
}

@media screen and (max-width: 768px) {
	
/*#content, .site-content {
    background-image: none !important;
    background-color: #ffffff !important;
}*/

.widget_nav_menu ul li {
	border-top: 1px solid #A480A3;
	border-bottom: 1px solid #000000;
}

.centercol, 
.error404 #primary {
	padding: 20px;
}


}


@media screen and (max-width: 800px) {

/*#content, .site-content {
    background-image: none !important;
    background-color: transparent;
}*/
#primary {background-image: none !important;}
#page {width: 100%;}
.centercol { width: 100%;}
.hentry {width: 100%;}
.footer-widgets .widget {float:none;padding:0 30px;width:100%;}
.headerwidgets .widget {float:none;width:100%;padding-bottom:6px;}
input.search-field {width:200px;}
#rightbar-widgets {width:100%;float:none;border-left:1px solid #fff; border-bottom:1px solid #ccc; padding: 12px 8px 5px 10px; }
 article {width:95%;float:left; padding: 0px 0px;}
#comments {width:95%;float:left; padding: 0px 10px;}

#secondary .widget_text {
	color: #000000;
}

/* Nav Menu Toggle */

button.menu-toggle.fa.fa-bars {
	background-color: #494949;
}

button.menu-toggle {
    display: block;
    height: 32px;
    padding: 0 12px;
    font-weight: normal;
    font-size: 1.4rem;
    text-decoration: none;
    line-height: 18px;
    color: #ffffff;
    border: none;
	}
        
.main-navigation.toggled .nav-menu {
	display: block;
	border-top: none;
	border-top-color: transparent;
	border-top-color: transparent
}

.main-navigation li a {
	padding: 8px 8px 8px 15px;
	color: #ffffff !important;
}

.main-navigation.toggled ul {
    display: block;
    padding-left: 5px;
    width: 100%;
    background-color: #7B7288;
}

.main-navigation.toggled ul ul li a{
    display: block;
    padding-left: 30px;
    width: 100%;
}


.main-navigation.toggled ul ul ul li a {
	padding-left: 60px;
}
	
.main-navigation ul ul,
.main-navigation ul ul ul {
	position: relative;
	top: inherit;
	left: 0;
	display: block;
	float: none;
	background: #7B7288;
}
	
.main-navigation ul ul li:hover > ul {
	left: 0%;
}


.main-navigation .current_page_item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current_page_item li:hover,
.main-navigation .current_page_parent .current_page_item > a  {
	color: #fff;
	color: hsl(0, 0%, 100%);
	background: #7B7288;
	background: hsl(226%, 45%, 77%);    
}
	
#secondary {
	background-color: transparent;
	border-radius: 0px;
}

#secondary a:link {color: #280B41; text-decoration: none;}
#secondary a:hover {color:#280B41; text-decoration: underline}
#secondary a:visited {color:#280B41;}

#secondary .widget_nav_menu ul li:hover {
	background-color: #ffffff;
}
  
.widget_nav_menu ul li {
	border-top: none;
	border-bottom: none;
}

}

@media screen and (min-width : 1024px) {
	
#rightbar-widgets {
	position: absolute;
	top: 0;
	right: 0;
}

#comments {
	width: 450px !important;
}

}

@media screen and (max-width : 1024px) {
#primary {
	background-image: none;
}

.error404 #primary {
		height: calc(352px + 814px);
	}
}

.site-content {
	margin: 0 auto 0;   
	background: #603A65 url("/wp-content/themes/DILIN/images/leftcolbak.png") bottom left no-repeat;
	background-size:240px;
	
}

.site-disclaimer div.privacy a:link, .site-disclaimer div.privacy a:visted, .site-disclaimer div.privacy a:hover  {color:#fff!important;}