/*
Theme Name: New - ColorMag for The Arkansas Project
Description: Colormag Child Theme
Author: Tyler Denton
Author URI: http://pleth.com
Template: colormag-new
Version: 1.0
*/
/* =Theme customization starts here
------------------------------------------------------- */
/* Top Navigation Menu */

#wp-custom-header .header-image-wrap {
	/*border: 1px solid red;*/
	margin: 0 0 44px 0;
}

.top-sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #232323;
	z-index: 99999;
}

.top-sticky ul {
	margin: 0 auto;
	width: 60%;
	min-width: 60%;
	height: 75px;
	text-transform: uppercase;
}

.top-sticky ul li {
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
	height: 75px;
	line-height: 75px;
	font-weight: bold;
	color: white !important;
	white-space: nowrap;
	font-size: 15px;
}

.top-sticky ul li a {
	color: white;
}

.top-sticky ul li a:hover {
	color: #B4131D;
}

#responsive-menu-container {
	height: 50%;
}

/* Header */

.header-image {
	width: auto !important;
	border-bottom: none !important;
}

/* Main Page */

#page {
	margin-top: 75px;
}

.donate-button {
	text-decoration: none !important;
	background-color: #B4131D;
	color: white;
	padding: 10px;
}

.donate-button:hover {
	background-color: #D31720;
}

.above-entry-meta {
	width: 80%;
}

.cat-links a {
	white-space: nowrap
}

.cat-links>a {
	margin-left: 5px;
}

.cat-links>a~a {
	margin-left: inherit;
}

/* Sidebar Customizations */

#secondary .widget-title span {
	background-color: black !important;
}

.custom-html-widget hr {
	margin: 5px;
}

/****** menu *****/ 

.cm-primary-nav li {
    position: relative;
    font-family: "Open Sans", serif;
    font-weight: 300;
    padding: 0;
}

.cm-primary-nav li a {

    color: #fff;
    display: block;
    float: none;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 14px 6px 13px;
    text-transform: uppercase;
}   

.cm-primary-nav li.menu-item-has-children >a{
	padding: 7px 25px 6px 13px;
}


.cm-primary-nav .cm-submenu-toggle {

	padding-left: 0;
    right: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.cm-primary-nav .cm-submenu-toggle .cm-icon {
    width: 11px;
    height: 11px;

}



/* Footer */

.footer-socket-left-section {
	float: none;
	text-align: center;
	margin: 0 auto;
	color: white;
	font-size: 16px;
	line-height: 17px;

}

@media only screen and (max-width: 1704px) {
	.top-sticky ul {
		height: 100px !important;
		font-size: 15px;
	}

	.top-sticky ul li {

		line-height: 50px !important;
	}

	#page {
		margin-top: 100px !important;
	}
}

@media only screen and (max-width: 882px) {

	.top-sticky ul {
		display: none;
	}

	#page {
		margin-top: 0px !important;
	}

}

/* Fix for first image in post */

@media only screen and (max-width: 550px) {
	.entry-content p:first-of-type img {
		width: 100% !important;
	}
}


/********* new css - 05/07/2023 *******/



/**********************************************/
h1,
h2,
h3,
h4,
h5,
h6 {
	padding-bottom: 18px;
	margin-bottom: 0;
	color: #333333;
	font-weight: normal;
	font-family: "Open Sans", sans-serif;
}

h1 {
	font-size: 36px;
	line-height: 1.2;
}

h2 {
	font-size: 32px;
	line-height: 1.2;
}

h3 {
	font-size: 28px;
	line-height: 1.2;
}

h4 {
	font-size: 24px;
	line-height: 1.2;
}

h5 {
	font-size: 22px;
	line-height: 1.2;
}

h6 {
	font-size: 18px;
	line-height: 1.2;
}

body,
button,
input,
select,
textarea {
	color: #444444;
	font-size: 16px;
	font-family: "Open Sans", serif;
	line-height: 1.6;
	word-wrap: break-word;
}

p {
	line-height: 1.6;
	margin-bottom: 15px;
}

strong {
	font-weight: bold;
}

cite,
em,
i {
	font-style: italic;
}

pre {
	background-color: #fff;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
	border: 1px solid #eaeaea;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 14px;
	line-height: 1.4;
	white-space: pre-wrap;
}

code,
kbd,
var,
samp,
tt {
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 14px;
	line-height: 1.4;
	white-space: pre-wrap;
}

abbr,
acronym,
dfn {
	border-bottom: 1px dotted #777777;
	cursor: help;
}

address {
	display: block;
	font-style: italic;
	margin: 0 0 15px;
}

ins {
	background: #f8f8f8;
}

hr,
.wp-block-separator {
	background-color: #eaeaea;
	border: 0;
	height: 1px;
	margin: 30px 0;
}

dl {
	font-size: 16px;
}

dt {
	font-weight: bold;
	margin-bottom: 5px;
}

dd {
	margin-bottom: 24px;
}

/* Elements
--------------------------------------------- */
/**
 * Links.
 */
a {
	color: #289dcc;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:focus, a:active, a:hover {
	text-decoration: none;
}


/************************************************/
#main {
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #ffffff;
}

#main .cm-row{
	display: flex;

	gap: 30px;
}

.home #main .cm-row {
	padding-top: 20px;
}


.colormag-button,.cm-primary-nav ul li.current-menu-item, .cm-primary-nav ul li.current_page_ancestor, .cm-primary-nav ul li.current_page_item, .cm-primary-nav ul li:hover, .cm-primary-nav ul li.focus, .cm-mobile-nav li a:hover, .colormag-header-clean #cm-primary-nav .cm-menu-toggle:hover, .cm-header .cm-mobile-nav li:hover, .cm-header .cm-mobile-nav li.current-page-ancestor, .cm-header .cm-mobile-nav li.current-menu-ancestor, .cm-header .cm-mobile-nav li.current-page-item, .cm-header .cm-mobile-nav li.current-menu-item, .cm-primary-nav ul li.focus > a, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.focus > a, .cm-mobile-nav .current-menu-item>a, .cm-mobile-nav .current_page_item>a, .colormag-header-clean .cm-mobile-nav li:hover > a, .colormag-header-clean .cm-mobile-nav li.current-page-ancestor > a, .colormag-header-clean .cm-mobile-nav li.current-menu-ancestor > a, .colormag-header-clean .cm-mobile-nav li.current-page-item > a, .colormag-header-clean .cm-mobile-nav li.current-menu-item > a, .fa.search-top:hover, .widget_call_to_action .btn--primary, .colormag-footer--classic .cm-footer-cols .cm-row .cm-widget-title span::before, .colormag-footer--classic-bordered .cm-footer-cols .cm-row .cm-widget-title span::before, .cm-featured-posts .cm-widget-title span, .cm-featured-category-slider-widget .cm-slide-content .cm-entry-header-meta .cm-post-categories a, .cm-highlighted-posts .cm-post-content .cm-entry-header-meta .cm-post-categories a, .cm-category-slide-next, .cm-category-slide-prev, .slide-next, .slide-prev, .cm-tabbed-widget ul li, .cm-posts .wp-pagenavi .current, .cm-posts .wp-pagenavi a:hover, .cm-secondary .cm-widget-title span, .entry-meta .post-format i, .format-link,.infinite-scroll .tg-infinite-scroll, .no-more-post-text, .pagination span, .comments-area .comment-author-link span, .advertisement_above_footer .cm-widget-title span, .error, .cm-primary .cm-widget-title span, .related-posts-wrapper.style-three .cm-post-content .cm-entry-title a:hover:before, .cm-slider-area .cm-widget-title span, .cm-beside-slider-widget .cm-widget-title span, .top-full-width-sidebar .cm-widget-title span, .wp-block-quote.is-style-large, .wp-block-quote.has-text-align-right, .cm-error-404 .cm-btn, .widget .wp-block-heading, .wp-block-search button, .widget a::before, .cm-post-date a::before, .byline a::before, .colormag-footer--classic-bordered .cm-widget-title::before, .wp-block-button__link, #cm-tertiary .cm-widget-title span, .link-pagination .post-page-numbers.current, .wp-block-query-pagination-numbers .page-numbers.current, .wp-element-button, .wp-block-button .wp-block-button__link, .wp-element-button, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li:hover, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.current-menu-ancestor, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.current-menu-item, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.focus, .page-numbers .current, .wp-block-search .wp-element-button:hover{
	background-color: black !important;
	outline: none;
}



.cm-primary-nav ul li:hover,
.cm-primary-nav ul li.current-menu-item,
.cm-primary-nav ul li.current-menu-item ul li a:hover,
.cm-primary-nav ul li ul li:hover,
.cm-primary-nav ul li ul li a:hover,
.cm-primary-nav ul li ul li.current-menu-item > a,
.cm-primary-nav ul li.current-menu-ancestor{
	background-color: #b4131d !important;
	outline: none;
}

.cm-primary-nav ul li ul li {
    display: block;
}

.cm-primary-nav ul li ul li span.cm-submenu-toggle {
    position: absolute;
    right: 3px;
    left: auto;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
}


.cm-post-categories a {
    font-size: 12px;
    text-transform: capitalize;
	line-height: 1.37;
	padding: 3px 10px;
}


.cm-top-bar{
	background-color: #f8f8f8;
    padding: 8px 0;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    font-size: 14px;
    border-bottom-style: solid;
}
blockquote {
    padding-bottom: 40px;
}



.cm-featured-image a{
	text-align: center;
}

input[type="reset"], input[type="button"], input[type="submit"] {
    margin-bottom: 30px;
    padding: 5px 10px;
    background-color: #289dcc;
    border: 0;
    -webkit-transition: background-color 0.3s linear 0s;
    transition: background-color 0.3s linear 0s;
    border-radius: 3px;
    font-size: 16px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    display: inline-block;
    color: #fff;
}

input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #33363b;
	color: #fff !important;
}


.search-wrap button{
	border-radius: 0;
    color: #fff;
    line-height: 45px;
    margin-bottom: 0;
    padding: 0 15px;
    margin-left: -5px;
    margin-top: 1px;
	background-color: #b4131d;
	border: none;
}

.search-wrap button:hover {
    background-color: #33363b;
}

.cm-primary-nav ul li.focus > a,
.cm-primary-nav .cm-home-icon a:hover,
.cm-home-icon.front_page_on{
	background-color: #b4131d !important;
	outline: none;
}

.cm-primary-nav .cm-home-icon a {
    padding: 8px 10px;
}

.cm-home-icon svg {
    font-size: 25px;
}
a.cm-entry-button {
    display: inline-block;
    border-radius: 3px;
}


a.cm-entry-button span {
    font-size: 12px;
    padding: 5px 10px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
}

.comments-area {
    margin-top: 0;
}
.comments-area .comments-title {
    margin-bottom: 10px;
}

.comments-area .comment-respond .comment-reply-title {
    margin: 0;
    font-size: 22px;
    line-height: 28px;
}
.comment-respond .logged-in-as, .comment-respond .comment-notes {

    margin-bottom: 10px;
}
.previous a, .next a {
	color: #b4131d;
	font-size: 18px;
	word-break: break-word;
}


.cm-primary {
    width: 70.17543859%;
    padding-right: 0;
}

.cm-secondary {
    width: 27.19298245%;
}

p{
	line-height: 1.6;
    margin-bottom: 15px;
}

.cm-secondary .widget p, #cm-tertiary .widget p {
    font-size: 14px;

}

.cm-secondary .cm-widget-title span, #cm-tertiary .cm-widget-title span {
 
    font-size: 18px;
    font-weight: normal;
    padding: 6px 12px;
    line-height: 1.3;
}


.cm-secondary .widget h3.cm-widget-title {
    padding: 0;
}

#colophon {
    font-size: 14px;
    line-height: 1.4;
}
.cm-footer-cols {
    border-top: 1px solid #f2f2f2;
    background-color: #303440;
}

#colophon .widget ul li {
    line-height: 1.5;
    padding: 5px 0;
    border-bottom: 1px solid #444;
}

.footer-widgets-area a {
    color: #ffffff;
}

.footer-socket-wrapper {
    padding: 20px 0 50px;
    background-color: #303440;
}

.cm-footer-cols img.size-full, .cm-footer-cols img.size-large {
    max-width: 100%;
    height: auto;
}

.rmp-container .rmp-menu-title span {
    text-align: center;
    width: 100%;
    display: block;
}

.cm-entry-title{
	font-size: 34px;
    line-height: 1.2;
	font-weight: normal;
	padding-bottom: 10px;
	margin-bottom: 0;
}

header.cm-entry-header .cm-entry-title{
	font-size: 22px;
}

.cm-posts header.cm-entry-header .cm-entry-title{
	font-size: 34px;
}

.cm-posts .cm-post-content header.cm-entry-header .cm-entry-title{
	font-size: 22px;
}

.search .status-publish:first-child header.cm-entry-header .cm-entry-title,
.cm-posts.cm-layout-2-style-1 .post:first-child header.cm-entry-header .cm-entry-title{
	padding: 0 0 10px 0;
    font-size: 32px;
}



header.cm-entry-header .cm-entry-title a:hover{
	text-decoration: none;
}

.cm-featured-image {
    text-align: left;
}
.cm-entry-summary p {
    margin-bottom: 15px;
	font-size: 16px;
    line-height: 26px;
}

.home .cm-entry-summary p {
    margin-bottom: 15px;
	font-size: 16px;
    line-height: 26px;
}


.cm-entry-summary ul {
	list-style: square;
    padding: 0 0 0 30px;
    margin-bottom: 30px;
}

.cm-entry-summary li {
    line-height: 1.3;
    font-size: 15px;
}

.cm-entry-summary {
    margin-top: 0;
	padding: 0 0 8px 0;
    display: inline-block;
    width: 100%;
}



ul.default-wp-page {
    list-style: none;
    width: 100%;
	display: flex;
    clear: both;
    justify-content: space-between;
}
.default-wp-page .next {
    text-align: right;
}

.previous svg, .next svg {
    fill: #b4131d;
}


ul.default-wp-page.kechho{
	list-style: none;
    width: 100%;
    display: inline-block;
    clear: both;
    grid-column: 1;
}

.cm-below-entry-meta a:hover, .cm-entry-header-meta a:hover {
    text-decoration: none;
}


.cm-header-1 .cm-row{
	padding: 0;
} 

.cm-menu-primary-container ul.menunav-menu li.menu-item ul.sub-menu {
    height: auto !important;
    overflow: visible !important;
}

.archive #cm-primary .post .cm-entry-summary p{
	font-size: 14px;
	line-height: 22px;
}


/******************************************************************/

@media screen and (max-width: 1190px){

.cm-primary-nav .cm-container {
    max-width: 94%;
}

}

@media screen and (max-width: 991px){

	.cm-primary-nav ul li:hover > ul, .cm-primary-nav ul li.focus > ul {
		left: auto;
		right: auto;
	}

	.cm-primary-nav ul li ul {
		/*width: auto;*/
	}

	.cm-primary-nav ul li ul li a {
		line-height: 20px;
	}

}


@media screen and (max-width: 768px){
	.cm-primary, .cm-secondary {
		width: 100%;
	}
	
	#main .cm-row {
		display: block;
		padding-top: 20px;
		gap: 0;
	}

	.footer-socket-left-section a {
		display: inline-block;
		line-height: 24px;
		margin: 6px 0 0 0;
	}

	.cm-menu-toggle svg.coloramg-icon--x-mark {
		display: none;
	}

	.cm-menu-toggle {
		padding: 0px 10px;
		margin: 0;
	}
	
	.cm-menu-toggle svg.cm-icon {
		fill: #fff;
		font-size: 28px;
		font-weight: bold;
		top: 0px;
		position: relative;
	}

	.cm-mobile-nav li.current-menu-parent > a,
	.cm-mobile-nav li.current-menu-parent > span.cm-submenu-toggle,
	.cm-mobile-nav li a:hover,
	.cm-mobile-nav .current-menu-item>a,
	.cm-mobile-nav .current_page_item > a, .cm-mobile-nav .current-menu-item {
		background: #b4131d !important; 
	}

}