/*
Theme Name:     Sufi Pilgrim's Progress
Template:       twentyfourteen
Description:    Sufi Pilgrim's Progress
Author:         Hadi Warda
Text Domain:    sufi-pilg
Version:        1.0.0
*/

a {
	color: #35422c;
	text-decoration: none;
}

#featured-content.site-content{
	padding-top: 48px;
}

#featured-content.site-content, #featured-content.site-content *[class^=entry]{
	background-color: #35422c;
}

#featured-content.site-content .entry-header *, #featured-content.site-content *[class^=entry] * {
	color: white;
}

#featured-content.site-content .entry-title a:hover, #featured-content.site-content .cat-links a:hover{
	color: #41a62a;
}

.featured-offer {
    position: relative;
    padding-top: 48px;
    padding-bottom: 20px;
    background: #dee5d4;
}

.featured-offer:last-of-type{
    border-bottom: 10px solid #fff;
}

.featured-offer:before {
     position: absolute;
     top: 0;
     left: 0;
     content: '';
     display: block;
     width: 100%;
     height: 100%;
     opacity: 0.3;
     background-size: cover;
}

.featured-offer.counselling:before{
    background: url('http://www.sufipilgrimsprogress.com/wp-content/uploads/2020/11/hand-holding-puzzle-piece.jpg') no-repeat center center;
    background-size: cover;
}

.featured-offer.seminars:before{
    background: url('http://www.sufipilgrimsprogress.com/wp-content/uploads/2021/10/sincerely-media-dGxOgeXAXm8-unsplash-1.jpg') no-repeat center center;
    background-size: cover;
}

.featured-offer.winter-retreat-2026:before{
    background: url('http://sufipilgrimsprogress.com/wp-content/uploads/2025/09/Waterfall_in_Grande_Riviere.jpg') no-repeat center center;
    background-size: cover;
}


.featured-offer.farm-project:before{
    background: url('http://sufipilgrimsprogress.com/wp-content/uploads/2025/09/lac-temiscouata.jpg') no-repeat center center;
    background-size: cover;
}

.featured-offer.site-content{
    text-align: center;
}

.featured-offer.site-content .entry-header {
    background: none;
}

.featured-offer h1.entry-title{
    font-weight: 700;
}

.featured-offer header.extra h1{
    font-size: 60px;
}

.featured-offer header.extra p{
    font-size: 20px;
}

.featured-offer h2{
    margin-top:0;    
}

.widget_wp_paypal_shopping_cart_widgets .shopping_cart h2 {
    display: none;
}

.widget_wp_paypal_shopping_cart_widgets {
    padding-top: 20px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.hentry .shopping_cart {
    padding-top: 20px;
    border-top: 1px solid #000;
}

@media screen and (max-width: 400px){
    
    .list-view .site-content.featured-offer h1.entry-title{
        font-size: 33px;
    }
    
    .featured-offer{
        padding-top: 20px;
        padding-bottom: 25px;
    }
}


::selection {
	background: #35422c;
}

::-moz-selection {
	background: #35422c;
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #35422c;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #fff;
}

.site-header {
	background-color: #627b51;
}

.search-toggle {
	background-color: #35422c;

}

.search-toggle:hover,
.search-toggle.active {
		background-color: #35422c;
}

.search-box {
	background-color: #35422c;
	padding: 12px;
}

/*.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: ;
	font-weight: 900;
}*/

.menu-toggle {
	background-color: #35422c;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.widget .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.widget .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #000;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.widget .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #35422c;
}

.hentry .mejs-overlay-button,
.widget .mejs-overlay-button {
	color: #35422c;
}

.hentry .mejs-overlay:hover .mejs-overlay-button,
.widget .mejs-overlay:hover .mejs-overlay-button {
	background-color: #35422c;
	color: #fff;
}

.content-sidebar .wp-playlist-item .wp-playlist-caption {
	color: #35422c;
}

.page-links a {
	background: #35422c;
	border: 1px solid #35422c;
	color: #fff;
	text-decoration: none;
}

.paging-navigation {
	border-top: 5px solid #35422c;
	margin: 48px 0;
}

.paging-navigation .page-numbers.current {
	border-top: 5px solid #35422c;
}

/* #secondary {
	background-color: #35422c;
	border-top: 1px solid #35422c;
} */

.widget a:hover {
	color: #fff;
    text-decoration:underline;
}

.widget mark,
.widget ins {
	color: #35422c;
}

.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	background-color: #35422c;
}

/*.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active {
	background-color: ;
}*/

.widget_calendar tbody a {
	background-color: #35422c;
}

.content-sidebar .widget a {
	color: #35422c;
}

.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"] {
	background-color: #35422c;
}

.content-sidebar .widget input[type="button"]:active,
.content-sidebar .widget input[type="reset"]:active,
.content-sidebar .widget input[type="submit"]:active {
	background-color: #fff;
}

.content-sidebar .widget .widget-title {
	border-top: 5px solid #35422c;
}

.content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
	background-color: #35422c;
}

.site-footer {
	background-color: #35422c;
}

.featured-content {
	background-color: #fff;
}

.featured-content .entry-header {
	background-color: #35422c;
}

.slider-control-paging {
	background-color: #35422c;
}

.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
	background-color: #fff;
}

.slider-direction-nav a {
	background-color: #35422c;
}

.slider-direction-nav a:hover {
	background-color: #35422c;
}

@media screen and (min-width: 783px) {

    .primary-navigation ul ul {
        background-color: #35422c;
    }

    .primary-navigation li:hover > a,
    .primary-navigation li.focus > a {
        background-color: #35422c;
    }
}

@media screen and (min-width: 1008px) {

    .site:before {
		background-color: #627b51;
	}

    .secondary-navigation ul ul {
		background-color: #35422c;
	}

    .secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a {
		background-color: #35422c;
	}
}


.toggle {padding-bottom:10px;}
.toggle h2 {position:relative; display:block; margin:0;font-size:14px !important; font-weight:bold;}
.toggle h2:after {position:absolute; right:0; top:0; display:block; content:'+'; }
.toggle.open h2:after {content:'-'; }
.toggle h2:hover {cursor:pointer; text-decoration:underline;}
.toggle .toggle-content {max-height:0; overflow:hidden;}
.toggle.open .toggle-content {max-height:500px;}
.toggle .toggle-content a {font-size:12px; font-style:italic;}