/*
 Theme Name:   napier-watch
 Theme URI:    https://napierwatch.co.za/
 Description:  Napier Neighbourhood Watch, Child Theme of GeneratePress
 Author:       Tigme
 Author URI:   https://tigme.com/
 Template:     generatepress
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options
 Text Domain:  generatepress
*/

/* styles index
	1. global
	2. navigation
	3. typography
	4. images
	5. footer
	6. widgets
	7. complianz cookie policy
*/


/* -----------------------------
*
*	1. global
*
 ----------------------------- */

hr {
	background-image: linear-gradient(to right, #f7f8f9, #cfcfd2, #f7f8f9);
	background-color: rgba(0,0,0,.0);
	height: 1px;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}

.wp-block-separator {
	border-top: none;
	border-bottom: none;
}

.hr-no-margin {
	margin-bottom: 0;
	margin-top: 0;
}

.hr-short {
	background-image: linear-gradient(to right, rgba(0,0,0,.0), rgba(0,0,0,.0), rgba(0,0,0,.0));
	background-color: #b2b2b8;
	height: 4px;
	width: 80px;
	margin: 20px auto;
}

b, strong {
	font-weight: 500;
}

.no-sidebar .entry-content .alignfull {
	max-width: 99.4vw;
}

@media (min-width: 320px) and (max-width: 639px) {
	.contact-block {
		border: solid 1px #cfcfd2;
		padding: 1.5em 0 0.5em 0;
		margin: 1em;
	}
	
	.no-sidebar .entry-content .alignfull {
		margin-left: 0;
		margin-right: 0;
		max-width: 100vw;
	}
}

.separate-containers .inside-article {
  padding: 50px 10px;
}

/* back to top button */
.generate-back-to-top{
	font-size: 55px;
}

.site-logo {
	padding: 0;
}

.separate-containers .site-main {
  margin: 0px;
}

/* top bar with WESTERN CAPE PROVINCIAL CPF BOARD link */

#block-24 {
	width: 100%;
	margin: 0;
}

.inside-top-bar {
	padding: 0 0;
}

.inside-header {
	padding: 20px 0 0 0;
}

.header-aligned-center:not([class*="nav-float-"]) .header-widget {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.banner-safety {
	font-family: Barlow Condensed, sans-serif;
	font-size: 27px;
	line-height: 1;
	color: #fff;
	letter-spacing: 2px;
	background-color: #baae3c;
	padding: 0.55em 1em;
	margin-top: 20px;
}
@media (min-width: 320px) and (max-width: 639px) {
	.banner-safety {
		font-size: 30px;
		letter-spacing: 1px;
	}
	
	.header-aligned-center:not([class*="nav-float-"]) .header-widget {
		width: auto;
	}
}

.link-wc-provincial-cpf {
	background-color: #174686;
	width: 100%;
	padding: 1.5em 1em 1.9em 1em;
}

.link-wc-provincial-cpf > a {
	font-family: Barlow Condensed, sans-serif;
	font-size: 2em;
	font-weight: 300;
	text-decoration: none;
	color: #ecedef;
	line-height: 1.1;
	letter-spacing: 0.1em;
}
.link-wc-provincial-cpf > a:focus,
.link-wc-provincial-cpf > a:hover {
	color: #fff;
}
/* end top bar style for WCPCPFB */




/* -----------------------------
*
*	2. navigation
*
 ----------------------------- */

.main-navigation li {
	margin-bottom: 0;
}

.main-navigation .main-nav ul li a {
	padding-left: 10px;
	padding-right: 10px;
}

.nav-facebook-icon {
	height: 20px;
	margin-bottom: -4px;
	margin-right: 3px;
}
.nav-facebook-icon:hover,
.nav-facebook-icon:focus {
	filter: sepia(100%);
}




/* -----------------------------
*
*	3. typography
*
 ----------------------------- */

h1,
h2,
h3,
h4 {
	line-height: 1.1;
}

.h3-footer {
	line-height: 1;
}

ol, ul {
	margin: 0 0 1.5em 1em;
}

ol ol, ul ul {
	margin: 0.5em 0 1.5em 1em;
}

li {
	padding-left: 0.5em;
	margin-bottom: 0.7em;
}



/* -----------------------------
*
*	4. images
*
 ----------------------------- */





/* -----------------------------
*
*	5. footer
*
 ----------------------------- */

.footer-widgets-container {
	padding: 0;
}

.wp-container-9 {
	max-width: 1000px;
	margin: 0 auto;
}





/* -----------------------------
*
*	6. widgets
*
 ----------------------------- */






/* -----------------------------
*
*	7. complianz cookie policy
*
 ----------------------------- */

#cmplz-document {
	font-size: 16px !important;
	max-width: 100%;
}

#cmplz-document p,
#cmplz-document li {
	font-size: 16px !important;
}

#cmplz-document p > i {
    display: none;
}

#cmplz-document h2,
#cmplz-document h3 {
	text-transform: uppercase;
    margin-top: 20px;
    padding-bottom: 0;
    border-bottom: none;
}

.cmplz-cookiebanner .cmplz-title {
	text-transform: uppercase;
}

.cmplz-cookiebanner .cmplz-links .cmplz-link {
	text-transform: uppercase !important;
	text-decoration: none !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	font-size: 15px !important;
	letter-spacing: 0.05em!important;
}
