/* CSS styles for Fundhead */

/* Logo margin top  */
body #masthead {
    margin-top: 30px !important;
}

@media screen and (max-width: 900px) {
    body #masthead {
        margin-top: 30px !important;
    }
}

/* A companion of the sqppfund WP theme stylesheet to customize the the theme */

/* Fundhead Blue > #1294F6 rgba(18, 148, 246) */
/* Fundplat Orange > #ff6600 rgb(255,102,0) rgba(255,102,0) */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Modules
    ## Easy Pods
--------------------------------------------------------------*/

/* Header */
.header-sub-wrap {
    border-bottom: 2px solid #ff6600 !important;
	padding-bottom: 1px;
}

.header-logo {
	/*max-width: 295px;*/
    max-width: 240px;
    padding-bottom: 13px;
}
.header-coop-logo-1-wrap img {
    margin-bottom: -9px;
    margin-left: 0px;
}
.header-coop-logo-2-wrap img {
    margin-bottom: -9px;
    margin-left: -4px;
}
.header-coop-logo-3-wrap img {
    margin-bottom: -9px;
    margin-left: -8px;
}
.logo-size {
	width:29px; 
}

/* Content */
i.color-icon:before,
i.color-icon:after {
    color: #ff6600 !important;
}


/* Footer */
.footer-bottom-line-left {
    padding-top: 20px;
}
.footer-bottom-line-right {
    padding-top: 12px;
}

.footer-coop-logo-1-wrap img {
    margin-bottom: -8px;
    margin-left: 0px;
}
.footer-coop-logo-2-wrap {
    margin-right: 0px;
	margin-left: -4px;
	margin-right: -8px;
	display: none !important;
}
.footer-coop-logo-2-wrap img {
    margin-bottom: -8px;;
    margin-left: 0px;
}
.footer-coop-logo-3-wrap {
    margin-right: 0px;
	margin-left: -4px;
	display: none !important;
}
.footer-coop-logo-3-wrap img {
    margin-bottom: -8px;
    margin-left: 0px;
}


/* Subscribe form */
input[type="submit"].sqpp-submit-button {
	-moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

.box-colored {
	color: #ffffff;
	background-color: #ff6600;
}

/*--------------------------------------------------------------
# Forms > FP orange > #ff6600 rgb(255, 102, 0)
--------------------------------------------------------------*/

.caldera-grid span[class="field_required"] {
	color: #ff6600 !important;
}
.caldera-grid .form-control:focus {
    border-color: #ff6600;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,102,0,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,102,0,.6);
}
.caldera-grid .has-error .form-control {
    border-color: #ff6600;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
input.form-control.parsley-error, select.form-control.parsley-error, textarea.form-control.parsley-error {
    color: #ff6600;
    background-color: rgba(255,102,0,.3);
    border-color: #ff6600;
}

/** Caldera form submit styles */
.caldera-grid input[type="submit"],
.frm_submit input[type="submit"], 
form[name="NLCH"] input[type="submit"], 
form[name="NLDE"] input[type="submit"] {
    background: #FFFFFF !important;
    border: 2px solid #ff6600 !important;
    color: #ff6600 !important;
    border-radius: 3px !important;
}

/** Caldera form error styles */

.caldera-grid .has-error .checkbox, 
.caldera-grid .has-error .checkbox-inline, 
.caldera-grid .has-error .control-label, 
.caldera-grid .has-error .form-control-feedback, 
.caldera-grid .has-error .help-block, 
.caldera-grid .has-error .radio, 
.caldera-grid .has-error .radio-inline, 
.caldera-grid .has-error.checkbox label, 
.caldera-grid .has-error.checkbox-inline label, 
.caldera-grid .has-error.radio label, 
.caldera-grid .has-error.radio-inline label {
    color: #ff6600;
}
.caldera-grid .has-error .form-control:focus, .caldera-grid .has-error .form-control:hover {
    border-color: #ff6600;
}
.caldera-grid .has-error .form-control:focus {
    border-color: #ff6600;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,102,0), 0 0 6px rgb(255,102,0);
    box-shadow: inset 0 1px 1px rgba(29,126,27,.075), 0 0 6px rgb(255,102,0);
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links > see also site specific css style plugin
--------------------------------------------------------------*/

a:hover img, a:focus img {
	opacity: 0.5;
}

a.link-icon,
a.link-icon:link,
a.sqpp-link-orange,
a.sqpp-link-green,
a.color-link:link,
a.link-color:link {
	color: #ff6600;
}
a.link-icon:visited,
a.color-link:visited,
a.link-color:visited {
	color: #ff6600;
}
a.link-icon:hover,
a.link-icon:focus,
a.sqpp-link-orange:hover, 
a.sqpp-link-orange:focus,
a.sqpp-link-green:hover, 
a.sqpp-link-green:focus,
a.color-link:hover, 
a.color-link:focus,
a.link-color:hover, 
a.link-color:focus {
	color: #ff6600;
}
a.link-icon:active,
a.sqpp-link-orange:active,
a.sqpp-link-green:active,
a.color-link:active,
a.link-color:active {
	color: #ff6600;
}

a:hover {
    color: #ff6600;    
}

/** Link button */
/*** Link button direct link */
a.link-button {
    border: 2px solid #ff6600;
    color: #ff6600;
}
a.link-button:link {
	color: #ff6600;
}
a.link-button:visited {
	color: #ff6600;
}
a.link-button:hover, 
a.link-button:focus {
	color: #ff6600;
}
a.link-button:active {
	color: #ff6600;
}
/*** Link button indirect link */
span.link-button > a {
    border: 2px solid #ff6600;
    color: #ff6600;
}
span.link-button > a:link {
    color: #ff6600;
}
span.link-button > a:visited {
    color: #ff6600;
}
span.link-button > a:hover, 
span.link-button > a:focus {
    color: #ff6600;
}
span.link-button > a:active {
    color: #ff6600;
}

a.link-button-full-width {
    border: 2px solid #ff6600;
    color: #ff6600;
}
a.link-button-full-width:link {
	color: #ff6600;
}
a.link-button-full-width:visited {
	color: #ff6600;
}
a.link-button-full-width:hover, 
a.link-button-full-width:focus {
	color: #ff6600;
}
a.link-button-full-width:active {
	color: #ff6600;
}

/* links and buttons if .box-colored */

.box-colored a.color-link:link,
.box-colored a.link-color:link {
	color: #ffffff;
	opacity: 0.7;
}
.box-colored a.color-link:visited,
.box-colored a.link-color:visited {
	color: #ffffff;
	opacity: 0.7;
}
.box-colored a.color-link:hover, 
.box-colored a.color-link:focus,
.box-colored a.link-color:hover, 
.box-colored a.link-color:focus {
	color: #ffffff;
}
.box-colored a.color-link:active,
.box-colored a.link-color:active {
	color: #ffffff;
	opacity: 0.7;
}

.box-colored a.link-button {
    border: 2px solid #ffffff;
    color: #ffffff;
    background-color: transparent;
}
.box-colored a.link-button:link {
	color: #ffffff;
}
.box-colored a.link-button:visited {
	color: #ffffff;
}
.box-colored a.link-button:hover, 
.box-colored a.link-button:focus {
	color: #ffffff;
}
.box-colored a.link-button:active {
	color: #ffffff;
}

.box-colored a.link-button-full-width {
    border: 2px solid #ffffff;
    color: #ffffff;
}
.box-colored a.link-button-full-width:link {
	color: #ffffff;
}
.box-colored a.link-button-full-width:visited {
	color: #ffffff;
}
.box-colored a.link-button-full-width:hover, 
.box-colored a.link-button-full-width:focus {
	color: #ffffff;
}
.box-colored a.link-button-full-width:active {
	color: #ffffff;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#page.site nav ul a:hover,
#page.site nav ul a:focus {
	color: #ff6600;
	opacity: 1;
}

#main ul.menu li a:link {
    color: inherit;
    opacity: 1.0;
}
#main ul.menu li a:visited {
    color: inherit;
    opacity: 1.0;
}
#main ul.menu li a:hover {
    color: #ff6600;
    opacity: 1.0;
}
#main ul.menu li a:active {
	color: #ff6600;
	opacity: 1;
}

#main ul.menu li.current-menu-item > a {
	color: #ff6600;
	opacity: 1;
}

#footer-widgets-wrap .widget_nav_menu ul li a:hover {
    color: #ff6600;
    opacity: 1.0;
}

/** Menu display control */
@media screen and (max-width: 900px) {
    nav#site-navigation ul.menu,
    .site-subnav-wrap,
    .site-subnav-coop-wrap {
        display: none;
    }
}
@media screen and (max-width: 1200px) {
    .header-coop-wrap {
        visibility: hidden;
    }
}

/** Mobile nav > with plugin Responsive Menu */
@media screen and (max-width: 900px) {
    #mobile-nav-wrap {
        position: relative !important;
    }
    #mobile-nav-wrap button#responsive-menu-button {
        top: auto !important;
        bottom: 2px !important;
        left: 11px !important;
    }
    #mobile-nav-wrap button#responsive-menu-button.is-active span.responsive-menu-inner {
        background-color: #ffffff !important;
    }
    #mobile-nav-wrap button#responsive-menu-button.is-active span.responsive-menu-inner:before {
        background-color: #ffffff !important;
    }
    #mobile-nav-wrap button#responsive-menu-button.is-active span.responsive-menu-inner:after {
        background-color: #ffffff !important;
    }
    #mobile-nav-wrap div#responsive-menu-wrapper {
        margin-top: 100px !important;
    }
    #mobile-nav-wrap #responsive-menu-container ul#responsive-menu {
        border-top: 1px solid #7F7F7F;
    }
    #mobile-nav-wrap #responsive-menu-container ul#responsive-menu li {
        border-bottom: 1px solid #7F7F7F;
    }
    #mobile-nav-wrap #responsive-menu-container li.responsive-menu-item a {
        padding-left: 20px !important;
        color: #ffffff !important;
    }
    #mobile-nav-wrap #responsive-menu-container li.responsive-menu-item a:link, 
    #mobile-nav-wrap #responsive-menu-container li.responsive-menu-item a:visited,
    #mobile-nav-wrap #responsive-menu-container li.responsive-menu-item a:active {
        color: #ffffff !important;
    }
    #mobile-nav-wrap #responsive-menu-container li.responsive-menu-item a:hover,
    #mobile-nav-wrap #responsive-menu-container li.responsive-menu-item a:focus {
        color: #ffffff !important;
        opacity: 0.5 !important;
    }
}

/** Header menu arrows */
#masthead .header-top ul.menu > li.current-menu-item a:after,
#masthead .header-sub ul.menu > li.current-menu-item a:after { 
    color: #ff6600 !important;
}

/** Page navigation - pagination */



/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Easy Pods
--------------------------------------------------------------*/

#page.site #page-wrap a.pods-pagination-number:link {
    color: #ff6600 !important;
}

#page.site #page-wrap a.pods-pagination-number.pods-pagination-prev::before,
#page.site #page-wrap a.pods-pagination-number.pods-pagination-next::after {
    background-color: #FFFFFF !important;
    border: 2px solid #ff6600 !important;
    color: #ff6600 !important;
}