/*
Theme Name: Delect Pro
Theme URI: https://www.childthemestyles.com/delect-pro/
Author: Child Theme Styles
Author URI: https://www.childthemestyles.com
Template:  twentyseventeen
Description: Delect Pro is a child theme for the default WordPress theme called Twenty Seventeen. Delect brings your site to life with the capability of immersing you into video action or if you prefer, featuring amazing poster images that gives you brilliance. With a focus on blogging sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. We've also added several new sidebar positions and to make it more enticing, you now have 3 blog layout styles, including a masonry layout.
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: delectpro
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

The Delectpro theme is now compatible with WordPress 5.0 and PHP 7.2
*/


/*
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


.container,
.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 20px; }
  
  
@media (min-width: 576px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (min-width: 768px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (min-width: 992px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (min-width: 1200px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (min-width: 576px) {
  .container {
    width: 540px;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .container {
    width: 720px;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 960px;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1200px;
    max-width: 100%;
  }
}
  @media (min-width: 576px) {
    .container-fluid {
      padding-right: 20px;
      padding-left: 20px; } }
  @media (min-width: 768px) {
    .container-fluid {
      padding-right: 20px;
      padding-left: 20px; } }
  @media (min-width: 992px) {
    .container-fluid {
      padding-right: 20px;
      padding-left: 20px; } }
  @media (min-width: 1200px) {
    .container-fluid {
      padding-right: 20px;
      padding-left: 20px; } }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px; }
  @media (min-width: 576px) {
    .row {
      margin-right: -20px;
      margin-left: -20px; } }
  @media (min-width: 768px) {
    .row {
      margin-right: -20px;
      margin-left: -20px; } }
  @media (min-width: 992px) {
    .row {
      margin-right: -20px;
      margin-left: -20px; } }
  @media (min-width: 1200px) {
    .row {
      margin-right: -20px;
      margin-left: -20px; } }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 20px;
  padding-left: 20px; 
  }
  @media (min-width: 576px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md {
      padding-right: 20px;
      padding-left: 20px; } 
	}
  @media (min-width: 768px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md {
      padding-right: 20px;
      padding-left: 20px; } 
	}
	
  @media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md {
      padding-right: 20px;
      padding-left: 20px; } 
	}
  @media (min-width: 1200px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md {
      padding-right: 20px;
      padding-left: 20px; } 
	}
	  

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
	
	

  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.333333%;
  }
  .pull-md-2 {
    right: 16.666667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.333333%;
  }
  .pull-md-5 {
    right: 41.666667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.333333%;
  }
  .pull-md-8 {
    right: 66.666667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.333333%;
  }
  .pull-md-11 {
    right: 91.666667%;
  }
  .pull-md-12 {
    right: 100%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.333333%;
  }
  .push-md-2 {
    left: 16.666667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.333333%;
  }
  .push-md-5 {
    left: 41.666667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.333333%;
  }
  .push-md-8 {
    left: 66.666667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.333333%;
  }
  .push-md-11 {
    left: 91.666667%;
  }
  .push-md-12 {
    left: 100%;
  }	
}


/* add site title background colour */
.site-branding-text {
    background-color: #000;
    padding: 0.125em 2.5em;
}
.blog .page-header,
.home .page-header {
    display: none;
}
.navigation-top {
    background: #9dae24;
    border-bottom: 1px solid #718a00;
    border-top: 1px solid #718a00;
}
.menu-toggle {
    color: #fff;
}
.dropdown-toggle {
    padding: 0.375em 0.5em;
}
.main-navigation.toggled-on a {
    color: #222;
	padding: 0.313em 0;
}
.navigation-top a {
    color: #fff;
}

.navigation-top .current-menu-item > a, 
.navigation-top .current_page_item > a,
.navigation-top .sub-menu .current-menu-item > a, 
.navigation-top .sub-menu .current_page_item > a {
    color: #ffffff;
    background-color: transparent;
}

.navigation-top .sub-menu .current-menu-item > a, 
.navigation-top .sub-menu .current_page_item > a {
    background-color: #718a00;
}

.navigation-top a:hover,
.navigation-top a:focus,
.navigation-top .current-menu-item > a:hover, 
.navigation-top .current_page_item > a:hover {
    color: #f9ecbc;
}
.single-post:not(.has-sidebar) #primary, 
.page.page-one-column:not(.twentyseventeen-front-page) #primary, 
.archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    max-width: initial;
}

.site-info {
    font-size: 12px;
    font-size: 0.75rem;
}

/* footer */
.site-footer {
    background-color: #444648;
    color: #d4d4d4;
    border-top: 1px solid #272727;
}
.site-footer .wrap {
    padding-top: 1.5em;
}

/* Masonry */
#masonry-layout {
	margin:0 -20px 20px;
}
#masonry-layout .hentry {
    margin-bottom: 1.875rem;

    padding: 0 1.250rem 0;
    text-align: left;
}	

#masonry-layout .hentry,
#masonry-layout .grid-sizer {
	width:100%;
}
#masonry-layout .entry-footer {
    width: 100%;
	margin-top: 0;
	margin-bottom: 0.75rem;
    float: none;
}
#masonry-layout .entry-content {
    width: 100%;
    float: none;
    border: none;
	padding:0;
	font-size: 14px;
    font-size: 0.875rem;
}
#masonry-layout span {
    display: inline-block;
    margin-right: 0.5rem;
}
#masonry-layout span:last-child {
    display: inline-block;
    margin-right: 0;
}
#masonry-layout .byline,
#masonry-layout .cat-links,
#masonry-layout .tags-links {
    display: none;
}
#masonry-layout .entry-title {
    margin-bottom: 0.75rem;
}

/* typography */
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 0.75em;
    padding: 0;
	line-height: 1.2;
}
hr {
    margin: 2em 0;
}
ul, ol {
    margin: 0 0 1.5em 2em;
    padding: 0;
}

/* featured image */
.post-thumbnail a img { 
	transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}
.post-thumbnail a img:hover,
.post-thumbnail a img:focus {
	opacity: 1;  
	-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}
.single-featured-image {
    margin-bottom: 1em;
}
/* one or two column page */
.archive.page-one-column .has-post-thumbnail .entry-title,
.archive.page-two-column .has-post-thumbnail .entry-title {
    margin-bottom: initial;
}
.archive.page-two-column .has-post-thumbnail .entry-content {
	padding-top: initial;
}
.page-one-column .has-post-thumbnail .entry-title {
    margin-bottom: 2em;
}
.page-two-column .has-post-thumbnail .entry-title {
    margin-bottom: 2em;
}
.page-two-column .has-post-thumbnail .entry-content {
    padding-top: 0;
}

/* Link Styles */
.entry-content a, 
.entry-summary a, 
.widget a, 
.site-footer .widget-area a, 
.posts-navigation a, 
.widget_authors a strong {
	box-shadow: none;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
	-webkit-box-shadow: none;
	box-shadow: none;
}



.entry-content .more-link:before {
	display: inherit;
}
.more-link {
    background-color: #d8b94f;
    padding: 0.438em 1.25em 0.375em;
    font-size: 0.75em;
    text-transform: uppercase;
    box-shadow: none;
    letter-spacing: 1px;

}
.more-link:focus,
.more-link:hover {
    background-color: #bbb;
	color: #fff;	
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
.featured-label {
	margin-right: 0.813em;
    color: #c3a12d;
}
h2.widget-title {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.063em;
    margin-bottom: 1.5em;
    text-transform: uppercase;
}
blockquote {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.375;
}
blockquote cite {
	font-size: 12px;
    font-size: 0.75em;
    font-weight: 500;
}
.pagination, .comments-pagination {
    padding: 1em 0;
}
/* social nav */
.social-navigation a {
    background-color: #d8b94f;
    color: #fff;
}
/* Sidebars and Widgets */
.widget {
	margin-bottom: 1.5em;
	padding-bottom: 0;
}
.widget p:last-child,
.widget ul:last-child,
.widget ol:last-child {
	margin-bottom: 0;
}
.widget .tagcloud a, 
.widget.widget_tag_cloud a, 
.wp_widget_tag_cloud a {
    padding: 3px 10px 4px !important;
}
#banner .widget {
	margin-bottom: 3.5em;
}
.home #banner .widget {
    margin-top: 3.5em;
	margin-bottom:0;
}

#inset-bottom .widget,
#content-bottom .widget {
	margin-bottom: 0;
}

#sidebar-bottom {
	padding: 3em 0;
    background-color: #c3a34e;
    color: #fff8dd;
}
#sidebar-bottom .widget-title {
    color: #fff8dd;
}

.site-footer .widget {
	margin-bottom: 0;
}
#sidebar-bottom .widget {
    margin-bottom: 1.5em;
}
.site-footer .widget-title {
	color: #d4d4d4;
}
/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
/* Screen size 320px */
@media screen and (min-width: 20em) {}

@media screen and (min-width: 30em) {
	.site-branding {
		padding: 3em 0 2.25em;
	}
	body, button, input, select, textarea {
		font-size: 16px;
		font-size: 1rem;
	}
	.page-one-column .panel-content .wrap {
		    max-width: 1160px;
	}

}

/* Screen size 768px */
@media screen and (min-width: 48em) {
	body, button, input, select, textarea {
		font-size: 15px;
		font-size: 0.938rem;
	}
	body.page-template-full-width.page-two-column:not(.archive) #primary .entry-header,
	body.page-template-full-width.page-two-column:not(.archive) #primary .entry-content, 
	body.page-template-full-width.page-two-column #comments,
	body.page-template-left-column.page-two-column:not(.archive) #primary .entry-header,
	body.page-template-left-column.page-two-column:not(.archive) #primary .entry-content, 
	body.page-template-left-column.page-two-column #comments,
	body.page-template-right-column.page-two-column:not(.archive) #primary .entry-header,
	body.page-template-right-column.page-two-column:not(.archive) #primary .entry-content, 
	body.page-template-right-column.page-two-column #comments,
	body.page-template-left-right-column.page-two-column:not(.archive) #primary .entry-header,
	body.page-template-left-right-column.page-two-column:not(.archive) #primary .entry-content, 
	body.page-template-left-right-column.page-two-column #comments {
		float:none;
		width:100%;
	}
	.site-header .navigation-top .menu-scroll-down {
		color: #dae2a0;
	}
	.site-header .navigation-top .menu-scroll-down:hover {
		color: #fff;
	}
	.site-title {
		font-size: 32px;
		font-size: 2rem;
	}
	.site-description {
		font-size: 14px;
		font-size: 0.875rem;
	}
	.wrap {
		max-width: 1024px;
	}
	.navigation-top .wrap {
		padding: 0.5em 3.4166666666667em;
	}
	.navigation-top .wrap {
		max-width: 1024px;
	}
	.main-navigation ul ul {
		background: #9dae24;
		border: 1px solid #9dae24;
	}
	.main-navigation li li.focus > a, 
	.main-navigation li li:focus > a, 
	.main-navigation li li:hover > a, 
	.main-navigation li li a:hover, 
	.main-navigation li li a:focus, 
	.main-navigation li li.current_page_item a:hover, 
	.main-navigation li li.current-menu-item a:hover, 
	.main-navigation li li.current_page_item a:focus, 
	.main-navigation li li.current-menu-item a:focus {
		color: #fff;
		background-color: #718a00;
	}	
	.main-navigation ul ul .menu-item-has-children > a > .icon, 
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -6px;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border:none;
	}
	.main-navigation ul ul a {
		padding: 0.5em 1.25em;
	}
	/* content widths */
	.has-sidebar:not(.error404) #primary {
		width: 68%;
	}
	.has-sidebar #secondary {
		width: 26%;
	}
	.panel-image {
		max-height: 600px;
	}
	h2.widget-title {
		font-size: 16px;
		font-size: 1rem;
	}
	.page.page-one-column .entry-header, 
	.twentyseventeen-front-page.page-one-column .entry-header, 
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 0;
	}

	.page-two-column .has-post-thumbnail .entry-content {
		padding-top: 2.5rem;
	}
	.twentyseventeen-front-page.page-one-column .entry-header {
		margin-bottom: 1.5em;
	}
	.page-two-column .panel-content .entry-content {
		padding-top: 0;
	}
	.site-footer {
		margin-top: 0;
	}
	/* masonry */
	#masonry-layout .hentry,
	#masonry-layout .grid-sizer	{
		width: 50%;
	}
	/* pagination */
	.prev.page-numbers:focus,
	.prev.page-numbers:hover,
	.next.page-numbers:focus,
	.next.page-numbers:hover,	
	.prev.page-numbers,
	.next.page-numbers,
	.pagination .prev, 
	.pagination .next
	.pagination .prev:hover, 
	.pagination .next:hover	{
		background-color: transparent;
	}
	.prev.page-numbers:focus,
	.prev.page-numbers:hover,
	.next.page-numbers:focus,
	.next.page-numbers:hover {
		color: inherit;
	}	
	.site-info {
		float: none;
		text-align: center;
		margin:0 auto;
	}
	#sidebar-bottom .widget {
		margin-bottom: 0;
	}
}

/* Screen size 1072px */
@media screen and ( min-width: 67em ) {
	/* masonry */
	.full-content-area #masonry-layout .hentry,
	.full-content-area #masonry-layout .grid-sizer	{
		width: 33.3333%;
	}
	.navigation-top .wrap {
		padding: 0.5em 2.5em;
	}
	.navigation-top .wrap,
	.wrap {
		max-width: 1160px;
	}	
	.widget {
		margin-bottom: 2.5em;
	}	
}

/* Screen size 1264px */
@media screen and ( min-width: 79em ) {}



@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {}