.wp-block {} /*  (.wp-block {} ensures MT files load in Gutenberg editor) */

/*  MICROTHEMER STYLES  */


/*= Header ==================== */

/** Header >> Page Header **/
.fl-page-header {
	box-shadow: 0px 2px 5px 0 rgba(61, 28, 1, 0.2) !important;
	background-image: url("http://chowchow.org/wp-content/uploads/2017/08/header-stripe-tile.png"), linear-gradient(135deg, rgb(50, 30, 13), rgb(158, 64, 6) 35%, rgb(77, 36, 1)) !important;
	background-position: center bottom !important;
	background-repeat: repeat-x !important;
	margin-bottom: 30px !important;
}

/** Header >> Chow Photo **/
.fl-page-header-logo:after {
	background: url("https://chowchow.org/wp-content/uploads/chow-photos/rotator.php") no-repeat left top !important;
	width: 206px !important;
	height: 143px !important;
	position: absolute !important;
	top: -20px !important;
	left: 350px !important;
	z-index: 30 !important;
	display: block !important;
	content: "" !important;
}

/** Header >> Page Header Container **/
.fl-page-nav-right .fl-page-header-container {
	padding-bottom: 35px !important;
}

/** Header >> Page Header Wrap **/
.fl-page-nav-right .fl-page-header-wrap {
	border-bottom-style: none !important;
}


/*= Main Menu ================= */

/** Main Menu >> Menu UL **/
.menu {
	box-shadow: 0px 3px 4px 0 rgba(61, 28, 1, 0.5) !important;
	background-color: rgb(251, 216, 180) !important;
	background-image: linear-gradient(rgb(251, 216, 181), transparent, rgb(245, 192, 139)) !important;
	border-top: 1px solid rgb(168, 87, 0) !important;
	border-right: 1px solid rgb(152, 69, 1) !important;
	border-bottom: 1px solid rgb(131, 44, 2) !important;
	border-left: 1px solid rgb(152, 69, 1) !important;
	border-radius: 6px !important;
}

/** Main Menu >> Menu LI **/
.menu li {
	border-right: 1px solid rgb(233, 180, 126) !important;
	border-left: 1px solid rgb(254, 233, 207) !important;
}

/** Main Menu >> Menu Li Home **/
#menu-item-204 {
	border-left-style: none !important;
}

/** Main Menu >> Menu Li Home A **/
#menu-item-204 a {
	border-top-left-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
}

/** Main Menu >> Menu Li Links **/
#menu-item-57 {
	border-right-style: none !important;
}

/** Main Menu >> Menu Li Links A **/
#menu-item-57 a {
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
}

/** Main Menu >> Menu Last Child Padding Fix **/
.fl-page-nav-right .fl-page-header-row .navbar-right > li:last-child > a {
	padding-right: 12px !important;
}

/** Main Menu >> Menu A **/
.menu a {
	color: rgb(131, 44, 2) !important;
	font-size: 14px !important;
	line-height: 1.2em !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	padding: 10px 12px 10px 12px !important;
}

/** Main Menu >> Menu A:hover, Menu Current A **/
.menu a:hover, 
.menu a:active, 
.menu .current-menu-item a {
	color: rgb(225, 116, 9) !important;
	background-image: linear-gradient(180deg, rgb(233, 180, 126), transparent, rgb(254, 233, 207)) !important;
}


/*= Content =================== */

/** Content >> Drop Cap **/
.drop-cap {
	font-family: "Merriweather", sans-serif !important;
	color: rgb(153, 51, 0) !important;
	font-size: 3.5em !important;
	line-height: 1em !important;
	padding-right: 15px !important;
	padding-left: 5px !important;
	float: left !important;
	display: inline-block !important;
}

/** Content >> Page Content **/
.fl-page-content {
	background-color: rgba(255, 253, 252, 0) !important;
}


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

/** Footer >> Footer Links A **/
.footerlinks a {
	font-weight: 600 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	padding-right: 5px !important;
	padding-left: 5px !important;
}

/** Footer >> Footer Links A:hover **/
.footerlinks a:hover, 
.footerlinks a:active {
	text-decoration: none !important;
}

/** Footer >> Page Footer **/
.fl-page-footer {
	box-shadow: 0 -2px 5px 0 rgba(61, 28, 1, 0.2) !important;
	background-image: url("http://chowchow.org/wp-content/uploads/2017/08/header-stripe-tile.png"), linear-gradient(135deg, rgb(77, 36, 1), rgb(152, 69, 1), rgb(77, 36, 1)) !important;
	background-position: center top !important;
	background-repeat: repeat-x !important;
	padding-top: 30px !important;
	border-top-style: none !important;
}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {
	/** Header >> Column Logo **/
	.fl-page-header-logo-col {
	width: 50% !important;
	padding-left: 0 !important;
}

	/** Header >> Chow Photo **/
	.fl-page-header-logo:after {
	position: absolute !important;
	top: -20px !important;
	left: 370px !important;
	z-index: 10 !important;
}

	/** Header >> Column Menu **/
	.fl-page-nav-col {
	width: 50% !important;
	padding-top: 25px !important;
}

	/** Header >> ul.navbar-nav **/
	.fl-page-nav-right .fl-page-nav ul.navbar-nav {
	float: right !important;
}

	/** Header >> .fl-page-nav-wrap **/
	.fl-page-nav-wrap {
	margin-right: 0 !important;
	margin-left: 0 !important;
	border-top-style: none !important;
	border-bottom-style: none !important;
}

	/** Header >> .fl-page-nav-right .fl-page-nav ul.navbar-nav > li **/
	.fl-page-nav-right .fl-page-nav ul.navbar-nav > li {
	float: left !important;
}

	/** Header >> fl-page-header-logo **/
	.fl-page-header-logo {
	text-align: left !important;
	padding-bottom: 0 !important;
	padding-left: 20px !important;
}

	/** Main Menu >> Menu A **/
	.menu a {
	font-size: 13px !important;
	padding-right: 10px !important;
	padding-left: 10px !important;
}

}


/*( Tablet & Phone )*/
@media (max-width: 768px) {
	/** Header >> Column Logo **/
	.fl-page-header-logo-col {
	width: 40% !important;
}

	/** Header >> Chow Photo **/
	.fl-page-header-logo:after {
	width: 156px !important;
	height: 108px !important;
	top: -15px !important;
	left: 250px !important;
}

	/** Header >> Column Menu **/
	.fl-page-nav-col {
	width: 60% !important;
	padding-top: 0 !important;
}

	/** Main Menu >> Menu A **/
	.menu a {
	font-size: 12px !important;
	padding-right: 8px !important;
	padding-left: 8px !important;
}

	/** Main Menu >> Mobile Menu Toggle **/
	.fl-page-nav .navbar-toggle {
	color: rgb(254, 233, 207) !important;
}

	/** Footer >> Footer Menu **/
	.footermenu {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	display: block !important;
}

	/** Footer >> Footer Follow **/
	.footerfollow {
	padding-bottom: 10px !important;
	display: block !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** Header >> Column Logo **/
	.fl-page-header-logo-col {
	width: 70% !important;
}

	/** Header >> Chow Photo **/
	.fl-page-header-logo:after {
	width: 126px !important;
	height: 87px !important;
	position: absolute !important;
	top: -15px !important;
	left: 180px !important;
}

	/** Header >> Column Menu **/
	.fl-page-nav-col {
	width: 100% !important;
}

	/** Header >> fl-page-header-logo **/
	.fl-page-header-logo {
	padding-bottom: 5px !important;
}

	/** Main Menu >> Mobile Menu Toggle **/
	.fl-page-nav .navbar-toggle {
	z-index: 100 !important;
}

}


/*( iPad Landscape )*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	/** Header >> Chow Photo **/
	.fl-page-header-logo:after {
	width: 176px !important;
	height: 122px !important;
	position: absolute !important;
	top: -15px !important;
	left: 320px !important;
}

}


/*( BB Medium )*/
@media (max-width: 992px) {
	/** Header >> Chow Photo **/
	.fl-page-header-logo:after {
	position: absolute !important;
}

}


/*( iPhone 5 )*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	/** Header >> Chow Photo **/
	.fl-page-header-logo:after {
	left: 145px !important;
}

}


/*( iPhone 6 )*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
	/** Header >> Chow Photo **/
	.fl-page-header-logo:after {
	left: 190px !important;
}

}


/*( iPhone 6 Plus )*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
	/** Header >> Chow Photo **/
	.fl-page-header-logo:after {
	left: 220px !important;
}

}


/*( iPad Pro )*/
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) {
	/** Header >> Chow Photo **/
	.fl-page-header-logo:after {
	left: 310px !important;
}

}

