/*
 Theme Name: Pepper+ Child
 Theme URI: https://preview.artisanthemes.io/pepperplus/
 Author: Artisan Themes
 Author URI: https://artisanthemes.io/
 Description: A Spicy With a Dash of Elegant WordPress Theme
 Template: pepperplus
 Version: 1.0.0
 Text Domain: quadro
*/

/**
 * You can comment the following line to avoid loading the parent theme's CSS file
 * before loading this one. Otherwise, keep in mind that all original styles from
 * the parent theme will be loaded before whatever you declare here. 
 */
@import url("../pepperplus/style.css");

/* Theme customization starts here
-------------------------------------------------------------- */

/* =Table of Contents
---------------------------------------------------------------

1. Global
  1.1. Headings
  1.2. Text Elements
  1.3. Contact Form 7 Support
  1.4. Links
  1.5. Alignment
  1.6. Text meant only for screen readers
  1.7. Clearing
2. Main Layout
3. Header
   3.1. Header Layouts
   3.2. When WP Toolbar is enabled
   3.3. Pit Bar Style Header (Sticky)
   3.4. Header Elements
   3.5. Header Social
   3.6. Header Extras
4. Main Navigation Menu
	4.1. Sub Menu
	4.2. Responsive Menu - Main Navigation
5. Transparent Header
6. General Content
7. Pages
8. Blog
	8.1. Blog Classic Style
	8.2. Blog Masonry Style
	8.3. Blog Headlines Style
9. Modules & Modular Template
	9.1. Module
	9.2. Modules Columns Module
	9.3. Modules Wrapper Module
	9.4. Canvas Module
	9.5. Slogan Module
	9.6. Blog Module
	9.7. Gallery Module
	9.8. Carousel Gallery Module
	9.9. Call to Action Module
	9.10. Posts Carousel Module
	9.11. Image Module
	9.12. Info Box Module
	9.13. Insights Module
	9.14. Slidable Insights Module
	9.15. Leadbox Module
	9.16. Logos Roll Module
	9.17. Magazine Module
	9.18. Pricing Tables Module
	9.19. Services Module
	9.20. Slider Module
	9.21. Posts Slider Module
	9.22. Team Module
	9.23. Testimonials Module
	9.24. Tiled Display Module
	9.25. Video & Embeds Module
	9.26. Video Posts Slider Module
	9.27. Social Icons Module
	9.28. Line Module
	9.29. List Module
	9.30. Overlapping Module
	9.31. Tabs Module
	9.32. Module Header on Modules that are full width
10. Portfolio Module
	10.1. Layouts
11. Portfolio Single Post
	11.1. Layouts
12. Post Formats
	12.1. Link
	12.2. Video
	12.3. Audio
	12.4. Galleries & Flexslider Integration
13. Grid CSS Animation
	13.1. Animation 1: Opacity
	13.2. Animation 2: Move Up
	13.3. Animation 3: Scale Up
	13.4. Animation 4: Fall Perspective
	13.5. No animations for IE
14. Single Post & Post Content General Elements
	15.1. Author Box
15. Media
16. Paging, Post & Comments Navigation
	16.1. Paging & Comments Navigation
	16.2. Post Navigation
	16.3. Post w/Pagination
17. Comments
18. Jetpack Support
	18.1. Tiled Galleries
	18.2. Sharing Buttons & Related Posts
19. Archive, Search Results & 404
20. Footer
21. Widgetized Layouts
22. Sidebar & Widgets
	22.1. Custom Menu Widget
	22.2. Text Widget
	22.3. Search Widget
	22.4. Recent Posts Widget
	22.5. Recent Comments Widget
	22.6. Tags Widget
	22.7. Calendar Widget
	22.8. RSS Widget
	22.9. Artisan Widgets
23. Ads Integration
	23.1. On Posts
	23.2. Widgets
24. Landing Page Mode
25. Gutenberg Integration
26. Infinite Scroll
27. Media Queries - Responsive
28. Ultimate Addons Gutenberg Plugin
29. Grow by Mediavine Plugin

---------------------------------------------------------------*/
/* =Global
--------------------------------*/
textarea{
    color:#FAF8F9;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
    color:#23322C;
}

hr{
    background-color:#219EBC;
    color:#219EBC;
}


/* =Main Layout
----------------------------------------------- */


/* =Header
----------------------------------------------- */
/* Header Extras */
.header-search {
    background: #FAF8F9;
}

	.header-search .search-field {
	    color:#23322C !important;
	}

/* Header Layout 5 */
@media only screen and (min-width: 1025px) {
	.header-layout5 .main-navigation .menu > li > a,
	.header-layout5 .main-navigation .menu > ul > li > a {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
		.header-layout5 .main-navigation .menu > li > a:hover,
		.header-layout5 .main-navigation .menu > ul > li > a:hover {
			zoom: 1;
			filter: alpha(opacity=70);
			opacity: 0.7;
			font-weight: bold;
		}	
    
}
/* =Main Navigation Menu
----------------------------------------------- */
@media only screen and (min-width: 1025px) {
 	.main-navigation .menu > li > a,
	.main-navigation .menu > ul > li > a {
		color: #23322C;
	}
		body:not(.header-layout5):not(.header-layout6):not(.header-layout7):not(.header-layout8):not(.header-layout9) .main-navigation .menu > li.current_page_item > a,
		body:not(.header-layout5):not(.header-layout6):not(.header-layout7):not(.header-layout8):not(.header-layout9) .main-navigation .menu > li.current-menu-item > a,
		body:not(.header-layout5):not(.header-layout6):not(.header-layout7):not(.header-layout8):not(.header-layout9) .main-navigation .menu > ul > li.current_page_item > a,
		body:not(.header-layout5):not(.header-layout6):not(.header-layout7):not(.header-layout8):not(.header-layout9) .main-navigation .menu > ul > li.current-menu-item > a,
		body:not(.header-layout5):not(.header-layout6):not(.header-layout7):not(.header-layout8):not(.header-layout9) .main-navigation .menu > li.current-menu-ancestor > a,
		body:not(.header-layout5):not(.header-layout6):not(.header-layout7):not(.header-layout8):not(.header-layout9) .main-navigation .menu > li.current_page_ancestor > a,
		body:not(.header-layout5):not(.header-layout6):not(.header-layout7):not(.header-layout8):not(.header-layout9) .main-navigation .menu > li.current-menu-parent > a {
			background: #23322C;
			color: #FAF8F9 !important;
			zoom: 1;
			filter: alpha(opacity=100);
			opacity: 1;
		}


    /* Sub-Menu */

    .main-navigation ul ul{
    	background:#FAF8F9;
    }

    	.main-navigation ul ul li,
    	.secondary-navigation ul ul li {
	    	display: block;
	    	background: #FAF8F9;
    	}
	
        .main-navigation ul ul a,
    	.secondary-navigation ul ul a {
	    	color: #23322C;
    	}

	    	.main-navigation ul ul li:hover > a,
	    	.main-navigation ul ul li.current_page_item > a,
	    	.main-navigation ul ul li.current-menu-item > a,
	    	.secondary-navigation ul ul li:hover > a,
	    	.secondary-navigation ul ul li.current_page_item > a,
    		.secondary-navigation ul ul li.current-menu-item > a {
    			background: #FD9E02;
	    		color: #FAF8F9;
	    	}
}

/* = Secondary Navigation Menu
----------------------------------------------- */
@media only screen and (min-width: 1025px) {
	.secondary-navigation .menu > li > a,
	.secondary-navigation .menu > ul > li > a {
		color: #23322C;
	}

	.secondary-navigation ul ul {
		background: #FAF8F9;
	}
}

/* =Transparent Header
----------------------------------------------- */

/* =General Content
----------------------------------------------- */
.dark-overlay {
	background: #23322C;
}

/* = Pages
----------------------------------------------- */
.page-title {
		color: #23322C;
	}

/* = Blog
----------------------------------------------- */


/* = Modules & Modular Template
----------------------------------------------- */

/* =Portfolio Module
----------------------------------------------- */

/* =Post Formats
----------------------------------------------- */

/* =Single Post & Post Content General Elements
----------------------------------------------- */
.entry-title,
		.entry-title a,
		.entry-title a:hover,
		.entry-title a:visited,
		.format-quote .entry-summary a {
			color: #23322C;
		}
	.entry-meta {
		display: block;
		font-size: 14px;
		color: #7E624F;
	}

		.entry-meta a,
		.entry-meta a:visited {
			color: #7E624F;
		}
/* Custom Class for manual related content insertions */
.mrelated{
    background-color:#FAF8F9 !important;
    background:#FAF8F9;
}

.entry-content h1{
    color:#FD9E02;
}

.entry-content h2{
    color:#219EBC;
}

.entry-content h3, h4, h5, h6{
    color:#7E624F
}

/* =Media
----------------------------------------------- */

/* =Paging, Post & Comments Navigation
----------------------------------------------- */

/* =Comments
----------------------------------------------- */

/* =Jetpack Support
----------------------------------------------- */

/* =Archive, Search Results & 404
----------------------------------------------- */

/* =Footer
----------------------------------------------- */

/* =Widgetized Layouts
----------------------------------------------- */

/* =Sidebar & Widgets
----------------------------------------------- */

/* Instagram Feed Plugin Styles */
#post-68 {
    padding: 0;
}

#post-68 .inner-mod {
    max-width: 1400px;
}

#sb_instagram #sbi_load {
    position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    height: 38px;
    margin: auto;
}

#sb_instagram #sbi_load .sbi_follow_btn {
    margin: 0;
}

#sb_instagram .sbi_follow_btn a {
    margin: 0;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bolder;
    letter-spacing: 2px;
}

/* =Ads Integration
----------------------------------------------- */

/* =Landing Page Mode
----------------------------------------------- */

/* =Gutenberg Integration
----------------------------------------------- */
/* Quote */
blockquote.wp-block-quote {
	border-left: 4px solid #7E624F;
}

	blockquote.wp-block-quote.has-text-align-right {
		border-right: 4px solid #7E624F;
	}

		blockquote.wp-block-quote.has-text-align-center:before {
			border-top: 4px solid #7E624F;
		}

blockquote.wp-block-quote p {
	color: #23322C;
}

blockquote.wp-block-quote {
	border-left: 4px solid #7E624F;
}

/* =Infinite Scroll
----------------------------------------------- */

/* =Media Queries - Responsive
----------------------------------------------- */

/* =Ultimate Addons Gutenberg Plugin
----------------------------------------------- */
.wp-block-uagb-table-of-contents div.uagb-toc__wrap {
    border-style: dashed;
    border-width: 2px;
    border-color: #7e624f;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #FECE81;
    width: 100%;
}

.uagb-toc__scroll-top.uagb-toc__show-scroll {
    background: #fd9e02;
}

.uagb-toc__scroll-top {
    color: #ffffff;
}

/* =Grow by Mediavine Plugin
----------------------------------------------- */
.dpsp-pin-it-wrapper {
display: block;
}