/*  MICROTHEMER STYLES  */

/*= Animations ================ */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


/*= General =================== */

/** General >> img margin bottom **/
figure.wp-block-image {
	margin-bottom: 40px !important;
}

/** General >> Figure caption **/
figcaption.wp-element-caption {
	font-size: 18px !important;
	line-height: 150% !important;
	font-style: italic !important;
	text-align: left !important;
	margin-bottom: 0 !important;
	position: relative !important;
}

/** General >> Primary Content area **/
.content-area {
	margin-top: 30px !important;
}

/** General >> Igm map content paragraph:(1) **/
.uszipcodes {
	font-size: 14px !important;
}

/** General >> Image Cursor Homepage **/
.mt-34 .entry-content a img {
	cursor: pointer !important;
}

/** General >> Mt 34 wp block latest posts listis gridcolumns 3wp block latest posts **/
.mt-34 ul.wp-block-latest-posts__list.is-grid.columns-3.wp-block-latest-posts {
	line-height: 1.25em !important;
}

/** General >> Secondary list item **/
#secondary li {
	margin-bottom: 2em !important;
}

/** General >> Main map wrapper **/
#main .map_wrapper {
	margin-bottom: 40px !important;
}

/** General >> Post 1152 sirv gallery 1231902072 **/
.sirv-gallery-mv-caption {
	margin-bottom: 30px !important;
}

/** General >> wp-block-sirv-addmedia-block **/
.wp-block-sirv-addmedia-block .sirv-align-wrapper:nth-of-type(2) {
	margin-bottom: 30px !important;
}

/** General >> Post 34 is stacked on mobile **/
#post-34 .is-stacked-on-mobile {
	margin-bottom: 30px !important;
}

/** General >> Post 34 wp block media text content **/
#post-34 .wp-block-media-text__content {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/** General >> Has ast global color 0 color link **/
.has-ast-global-color-0-color a {
	color: #005BBB !important;
}

/** General >> Front Page Pages Query **/
#post-34 .post-93 {
	padding-top: 20px !important;
	padding-right: 10px !important;
	padding-left: 10px !important;
}

/** General >> Main mv content wrapper **/
.mt-7915 #main .mv-content-wrapper {
	padding: 20px !important;
}

/** General >> Post 11725 tablepress caption block **/
.tablepress-caption-block {
	font-size: 0.8em !important;
	margin-bottom: 35px !important;
}

/** General >> DataTables length select **/
.dataTables_length select {
	padding: 5px !important;
}

/** General >> Main dataTables info **/
.dataTables_info {
	font-size: 14px !important;
}

/** General >> Div (#1) title **/
.display-posts-listing a.title {
	font-size: 20px !important;
	padding: 10px 0 20px 0 !important;
}

/** General >> Mt 10100 m chart container 14296 1 **/
.m-chart-container {
	margin-bottom: 30px !important;
}

/** General >> Post 16868 utc time zones **/
.utc-time-zones {
	font-size: 16px !important;
	line-height: 1.5em !important;
	margin-left: 20px !important;
}

/** General >> Mt 34 wp block latest posts post title **/
.mt-34 .wp-block-latest-posts__post-title {
	font-weight: bold !important;
}

/** General >> Mt 34 size medium **/
.mt-34 .size-medium {
	width: 350px !important;
	margin-top: 20px !important;
}

/** General >> Global Link List Sapcing **/
.mt-21710 td ul li {
	margin-left: 20px !important;
}

/** General >> Inherit container width **/
.pros-cons-group {
	background-color: #F9F9F9 !important;
	padding: 10px !important;
	margin-bottom: 30px !important;
}

/** General >> Amazon caption **/
.amazon-caption {
	line-height: 1.6em !important;
}

/** General >> Last updated date **/
.last-updated-date {
	font-size: 18px !important;
	font-style: italic !important;
	background-color: #F8F8F8 !important;
	padding: 10px !important;
}

/** General >> Image Quizes Cat. Page **/
#post-9593 img {
	cursor: pointer !important;
}

/** General >> Unordered list margin **/
.entry-content ul {
	margin: 0 0 1.5em 1.5em !important;
}


/*= Front Page ================ */

/** Front Page >> Display Posts Grid **/
.display-posts-listing.grid {
	display: grid !important;
	grid-template-columns: repeat( 3, 1fr ) !important;
	grid-gap: 16px !important;
}
.display-posts-listing.grid .title {
	display: block !important;
	line-height: 1.3em !important;
	font-weight: 700 !important;
	font-size: 15px !important;
}
.display-posts-listing.grid img {
	display: block !important;
	max-width: 100% !important;
	height: auto !important;
}

/** Front Page >> Sidebar header para strong **/
.sidebar-header-para {
	color: #a38d27 !important;
	font-size: 22px !important;
	font-weight: bold !important;
	margin-bottom: 5px !important;
}


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

/** Content >> Rank Math TOC **/
.wp-block-rank-math-toc-block {
	background-color: rgb(245,245,245) !important;
	padding: 10px !important;
	margin: 30px 0 30px 0 !important;
}

/** Content >> Post 17118 is style stripes **/
.is-style-stripes {
	margin-bottom: 30px !important;
}


/*= Sidebar =================== */

/** Sidebar >> img banner widget **/
.widget_block .is-resized {
	margin-right: 0 !important;
}

/** Sidebar >> Sidebar Header Link **/
.sidebar-header-para a {
	color: #a38d27 !important;
	text-decoration: underline !important;
}

/** Sidebar >> Sidebar/Bottom Latest Post Title **/
#secondary .wp-block-latest-posts__list {
	color: rgb(105, 105, 240) !important;
	line-height: 20px !important;
	text-decoration: underline !important;
}

/** Sidebar >> Quiz statistic (#3) **/
.quiz-box {
	color: #333333 !important;
	font-size: 28px !important;
	background-color: #ffffff !important;
	padding: 20px !important;
	margin-bottom: 40px !important;
	border: 1px solid #E0E0E0 !important;
	border-radius: 10px !important;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
}
.quiz-statistic {
	background-color: #F9F9F9 !important;
	padding: 20px !important;
	margin-bottom: 20px !important;
	border: 2px solid #3498DB !important;
	border-radius: 8px !important;
	-webkit-transition: transform 0.2s !important;
	transition: transform 0.2s !important;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}
.quiz-statistic:hover {
	transform: scale(1.03) !important;
	border-color: #3498DB !important;
}
.quiz-statistic p {
	color: #555555 !important;
}
.quiz-highlight {
	color: #333366 !important;
	font-weight: bold !important;
}


/*= Tablepress ================ */

/** Tablepress >> Tablepress Data Bar **/
.data-bar-container {
	background-color: #f0f0f0 !important;
	width: 100% !important;
	height: 30px !important;
	margin-top: 4px !important;
	position: relative !important;
}
.data-bar {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	height: 100% !important;
	background-color: #FFD700 !important;
	z-index: 1 !important;
}
.data-bar-text {
	position: absolute !important;
	top: 0 !important;
	left: 5px !important;
	line-height: 30px !important;
	font-weight: bold !important;
	z-index: 2 !important;
}

/** Tablepress >> Summary **/
.modern-summary {
	margin-bottom: 40px !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}
.modern-summary summary {
	padding: 15px !important;
	font-weight: bold !important;
	cursor: pointer !important;
	background-color: #f5f5f5 !important;
	-webkit-transition: background-color 0.3s ease !important;
	transition: background-color 0.3s ease !important;
	position: relative !important;
	padding-right: 40px !important;
	list-style: none !important;
}
.modern-summary summary::-webkit-details-marker {
	display: none !important;
}
.modern-summary summary::after {
	content: "" !important;
	position: absolute !important;
	right: 15px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 20px !important;
	height: 20px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3Cpolyline points='6 15 12 21 18 15'%3E%3C/polyline%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	-webkit-transition: transform 0.3s ease !important;
	transition: transform 0.3s ease !important;
}
.modern-summary[open] summary::after {
	transform: translateY(-50%) rotate(180deg) !important;
}
.modern-summary summary:hover {
	background-color: #ebebeb !important;
}
.modern-summary summary:focus {
	outline: none !important;
	background-color: #e0e0e0 !important;
}
.modern-summary[open] summary {
	border-bottom: 1px solid #e0e0e0 !important;
}
.modern-summary p {
	padding: 15px !important;
	margin: 0 !important;
	line-height: 1.6 !important;
}
.modern-summary strong {
	color: #2c3e50 !important;
	font-weight: 600 !important;
}
.modern-summary:hover {
	box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
	-webkit-transition: box-shadow 0.3s ease !important;
	transition: box-shadow 0.3s ease !important;
}

/** Tablepress >> Emphasis **/
.update-info {
	color: #666 !important;
	font-size: 0.9em !important;
	font-style: italic !important;
	background-color: #f9f9f9 !important;
	padding: 10px 15px 10px 15px !important;
	margin-top: 15px !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 4px !important;
}
.update-info strong {
	color: #444 !important;
	font-weight: 600 !important;
}

/** Tablepress >> Improved Gallery **/
.improved-gallery {
	background-color: #f5f5f5 !important;
	max-width: 680px !important;
	box-sizing: border-box !important;
	padding: 20px !important;
	margin: 20px 0 40px 0 !important;
	border-radius: 8px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
	grid-gap: 20px !important;
	gap: 20px !important;
}
.improved-gallery figure {
	-webkit-flex: 0 0 calc(50% - 10px) !important;
	flex: 0 0 calc(50% - 10px) !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #ffffff !important;
	border-radius: 6px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
	overflow: hidden !important;
	position: relative !important;
}
.improved-gallery figure a {
	display: block !important;
	width: 100% !important;
	height: 0 !important;
	padding-bottom: 75% !important;
	position: relative !important;
	overflow: hidden !important;
}
.improved-gallery figure a img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	-webkit-transition: transform 0.3s ease !important;
	transition: transform 0.3s ease !important;
}
.improved-gallery figure a:hover img {
	transform: scale(1.05) !important;
}
.improved-gallery figcaption {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	padding: 10px !important;
	font-size: 14px !important;
	text-align: center !important;
	color: #ffffff !important;
	background-color: rgba(0, 0, 0, 0.7) !important;
	-webkit-transition: opacity 0.3s ease !important;
	transition: opacity 0.3s ease !important;
}
.improved-gallery:hover {
	opacity: 1 !important;
}

/** Tablepress >> Rep/dem **/
.mt-43553 .rep {
	color: white !important;
	background-color: red !important;
	padding: 5px !important;
}
.mt-43553 .dem {
	background-color: blue !important;
	padding: 5px !important;
	color: white !important;
}


/*= Quiz ====================== */

/** Quiz >> Ays fs subtitle **/
#ays_finish_quiz_3 .ays-fs-subtitle {
	font-size: 22px !important;
}


/*= Interactive Maps ========== */

/** Interactive Maps >> map Igm content below **/
.mt-43553 .igm_content_below {
	background: #efefef !important;
	height: 400px !important;
	position: relative !important;
	overflow: hidden !important;
}
.mt-43553 .igm_content_below::before {
	position: absolute !important;
	top: 10% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	font-size: 24px !important;
	z-index: 0 !important;
	white-space: nowrap !important;
	pointer-events: none !important;
}
.mt-43553 .igm_content_below > * {
	position: relative !important;
	z-index: 1 !important;
}

/** Interactive Maps >> Igm content below **/
.igm-map-content {
	background-color: #efefef !important;
	padding-right: 10px !important;
	padding-left: 10px !important;
}

/** Interactive Maps >> Link **/
.banner-alert {
	color: #fff !important;
	font-size: 0.9em !important;
	font-weight: bold !important;
	text-align: center !important;
	letter-spacing: 1px !important;
	background-color: #6B7A8F !important;
	width: fit-content !important;
	padding: 5px !important;
	margin: 10px auto 0 auto !important;
	border-radius: 8px !important;
	-webkit-animation: pulse 1.5s infinite !important;
	animation: pulse 1.5s infinite !important;
	display: block !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}
.banner-alert a {
	color: #fff !important;
	text-decoration: none !important;
	border-bottom: 2px solid #fff !important;
	-webkit-transition: color 0.3s ease, border-bottom 0.3s ease !important;
	transition: color 0.3s ease, border-bottom 0.3s ease !important;
}
.banner-alert a:hover {
	color: #ffdddd !important;
	border-bottom: 2px solid #ffdddd !important;
}

/** Interactive Maps >> EU Table Highlight **/
.eu-cell {
	color: #003399 !important;
	font-size: 18px !important;
	font-weight: bold !important;
	background: #ffcc00 !important;
	padding: 4px 6px 4px 6px !important;
	border: 2px solid #003399 !important;
	border-radius: 6px !important;
	-webkit-transition: 0.3s !important;
	transition: 0.3s !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
.eu-cell:hover {
	background: #003399 !important;
	color: #ffcc00 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2) !important;
}


/*= Color Palette ============= */

/** Color Palette >> hex **/
.cp-color-hex {
	font-size: 14px !important;
}

/** Color Palette >> rgb **/
.cp-color-rgb {
	font-size: 14px !important;
}

/** Color Palette >> Cp color cmyk **/
.cp-color-cmyk {
	font-size: 14px !important;
}


/*= Single Posts by ID ======== */

/** Single Posts by ID >> Swing States Figure caption **/
.mt-38765 .wp-block-gallery figcaption {
	background-color: black !important;
	padding: 10px !important;
}

/** Single Posts by ID >> General Geo Quiz Banner **/
.mt-38056 #block-45 {
	display: none !important;
}

/** Single Posts by ID >> Geo Quiz **/
.mt-38056 .ays-quiz-message-before-timer p {
	font-size: 20px !important;
}

/** Single Posts by ID >> Paragraph **/
.mt-38056 .ays-fs-subtitle p {
	font-size: 22px !important;
}


/*= Maps Template ============= */

/** Maps Template >> Maps Template **/
.row {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
}
.acm-country-card {
	background-color: #fff !important;
	height: auto !important;
	margin: 20px !important;
	border-radius: 8px !important;
	-webkit-flex-basis: calc(50% - 40px) !important;
	flex-basis: calc(50% - 40px) !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}
.acm-country-card:hover {
	transform: translateY(-5px) !important;
}
.acm-map-image {
	max-width: 100% !important;
	height: auto !important;
	border-top-left-radius: 8px !important;
	border-top-right-radius: 8px !important;
}
.acm-card-body {
	padding: 15px !important;
	text-align: center !important;
	max-width: 450px !important;
}
.acm-header {
	background-color: #333366 !important;
	padding: 20px 0 !important;
	text-align: center !important;
	margin-bottom: 30px !important;
	margin-top: 20px !important;
}
.acm-footer {
	background-color: #efefef !important;
	text-align: center !important;
	margin-top: 60px !important;
	margin-bottom: 60px !important;
	font-size: 18px !important;
	padding: 10px !important;
}
.acm-africa-color {
	font-size: 24px !important;
	color: black !important;
}
.mapsdownload {
	background-color: #007bff !important;
	color: white !important;
	border: none !important;
	padding: 0.375rem 0.75rem !important;
	font-size: 1rem !important;
	line-height: 1.5 !important;
	border-radius: 0.25rem !important;
	cursor: pointer !important;
	text-align: center !important;
	display: inline-block !important;
	-webkit-transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
	transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
.mapsdownload:hover {
	background-color: #0056b3 !important;
	text-decoration: none !important;
	color: white !important;
}
.acm-header h1 {
	color: #fff !important;
	margin-bottom: 0px !important;
}
.map-section-header h2 {
	position: relative !important;
	display: inline-block !important;
	padding-top: 15px !important;
	margin-top: 60px !important;
}
.map-section-header h2::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 5px !important;
	background-color: red !important;
}
.map-section-title {
	color: green !important;
}
.acm-country-card img {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/** Maps Template >> Summary **/
.isc_image_list_box {
	font-size: 18px !important;
	box-sizing: border-box !important;
	margin: 20px 0 20px 0 !important;
	border: 1px solid #ccc !important;
	border-radius: 5px !important;
	overflow: hidden !important;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}
.isc_image_list_box details {
	cursor: default !important;
	border: none !important;
	padding: 0 !important;
	box-shadow: none !important;
	background: none !important;
	width: 100% !important;
}
.isc_image_list_box summary {
	cursor: pointer !important;
	font-weight: bold !important;
	font-size: 20px !important;
	padding: 10px !important;
	background-color: #f9f9f9 !important;
	color: #333 !important;
	outline: none !important;
	width: 100% !important;
	border: none !important;
	box-shadow: none !important;
}
.isc_image_list_box summary:hover, 
.isc_image_list_box summary:focus {
	background-color: #e9e9e9 !important;
}


/*= Additional CSS ============ */

/** Additional CSS >> Stormsmap caption **/
.stormsmap figcaption {
	color: #666 !important;
	font-size: 0.9em !important;
	font-style: italic !important;
	margin-top: 10px !important;
}

/** Additional CSS >> Storm Map Image **/
.stormsmap {
	text-align: center !important;
	width: 100% !important;
	max-width: 683px !important;
	margin: 20px auto 20px auto !important;
}
.stormsmap img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
}
.stormsmap figcaption {
	font-style: italic !important;
	color: #666 !important;
	font-size: 0.9em !important;
	line-height: 1.5em !important;
}

/** Additional CSS >> Affiliate note **/
.affiliate-note {
	line-height: 1.5em !important;
	padding: 10px !important;
}

/** Additional CSS >> Stormsmap **/
.stormsmap {
	text-align: center !important;
	width: 100% !important;
	max-width: 683px !important;
	margin: 10px auto 30px auto !important;
}

/** Additional CSS >> Map Legend **/
.legend {
	font-family: Arial, sans-serif !important;
	background-color: #f9f9f9 !important;
	width: 300px !important;
	padding: 10px !important;
	margin: 20px !important;
	border: 1px solid #ccc !important;
}
.legend h3 {
	margin-top: 0 !important;
	font-size: 18px !important;
}
.legend-item {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	margin-bottom: 8px !important;
}
.legend-color {
	width: 20px !important;
	height: 20px !important;
	border-radius: 50% !important;
	margin-right: 10px !important;
}
.yellow {
	background-color: yellow !important;
}
.orange {
	background-color: orange !important;
}
.red {
	background-color: red !important;
}
.darkred {
	background-color: darkred !important;
}

/** Additional CSS >> New Posts **/
.new-posts-box {
	font-family: 'Arial', sans-serif !important;
	max-width: 800px !important;
	margin: 20px auto 20px auto !important;
	border-radius: 15px !important;
	overflow: hidden !important;
	background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%) !important;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}
.new-posts-header {
	background-color: #3498db !important;
	color: white !important;
	padding: 20px !important;
	font-size: 1.5em !important;
	text-align: center !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
}
.new-posts-list {
	list-style-type: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	-webkit-justify-content: space-around !important;
	justify-content: space-around !important;
}
.new-posts-item {
	-webkit-flex-basis: calc(50% - 20px) !important;
	flex-basis: calc(50% - 20px) !important;
	margin: 10px !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 10px !important;
	-webkit-transition: background-color 0.3s ease, transform 0.3s ease !important;
	transition: background-color 0.3s ease, transform 0.3s ease !important;
}
.new-posts-item:hover {
	background-color: rgba(52, 152, 219, 0.1) !important;
	transform: translateY(-5px) !important;
}
.new-posts-link {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	text-decoration: none !important;
	color: #333 !important;
	font-weight: bold !important;
	padding: 20px !important;
}
.new-posts-icon {
	font-size: 2em !important;
	margin-bottom: 10px !important;
}
.new-posts-item.storms .new-posts-icon {
	color: #e74c3c !important;
}
.new-posts-item.earthquakes .new-posts-icon {
	color: #f39c12 !important;
}
.new-posts-link:hover .new-posts-icon {
	-webkit-animation: pulse 0.5s ease-in-out !important;
	animation: pulse 0.5s ease-in-out !important;
}

/** Additional CSS >> Red Blue US Elections **/
.red-column {
	background-color: #ffe6e6 !important;
}
.blue-column {
	background-color: #e6f3ff !important;
}

/** Additional CSS >> Igm external legend container **/
.igm-external-legend-container {
	font-size: 12px !important;
}


/*= Page Templates ============ */

/** Page Templates >> Hurrican Advisory **/
.hurricane-advisory {
	font-family: Arial, sans-serif !important;
	background-color: #f5f5f5 !important;
	max-width: 800px !important;
	padding: 20px !important;
	margin: 30px auto 30px auto !important;
	border: 1px solid #6B7A8F !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 4px rgba(107, 122, 143, 0.1) !important;
}
.hurricane-advisory h2 {
	color: #6B7A8F !important;
	font-size: 20px !important;
	margin-top: 20px !important;
	margin-bottom: 10px !important;
	border-bottom: 1px solid #6B7A8F !important;
	padding-bottom: 5px !important;
}
.hurricane-advisory p {
	line-height: 1.6 !important;
	margin-bottom: 15px !important;
}
.hurricane-advisory ul {
	padding-left: 20px !important;
	margin-bottom: 15px !important;
}
.hurricane-advisory li {
	margin-bottom: 8px !important;
}
.hurricane-advisory .critical {
	background-color: #6B7A8F !important;
	color: white !important;
	padding: 10px !important;
	border-radius: 4px !important;
	font-weight: bold !important;
	margin-bottom: 15px !important;
}

/** Page Templates >> Storm Categories **/
.sshs-body {
	font-family: Arial, sans-serif !important;
	background-color: #f0f0f0 !important;
	min-height: 100vh !important;
	padding: 20px !important;
	margin: 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}
.sshs-container {
	background-color: white !important;
	border-radius: 10px !important;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
	padding: 30px !important;
	max-width: 800px !important;
	width: 100% !important;
}
.sshs-title {
	color: #333 !important;
	text-align: center !important;
	font-size: 28px !important;
	margin-bottom: 30px !important;
}
.sshs-categories {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	grid-gap: 15px !important;
	gap: 15px !important;
}
.sshs-category {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	padding: 15px !important;
	border-radius: 5px !important;
	color: #333 !important;
}
.sshs-category-info {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	grid-gap: 15px !important;
	gap: 15px !important;
}
.sshs-category-number {
	font-weight: bold !important;
	font-size: 24px !important;
	min-width: 30px !important;
}
.sshs-wind-speed {
	font-weight: bold !important;
	font-size: 18px !important;
}
.sshs-description {
	font-size: 16px !important;
}
.sshs-tropical-depression {
	background-color: #4CAF50 !important;
	color: white !important;
}
.sshs-category-1 {
	background-color: #FFEB3B !important;
}
.sshs-category-2 {
	background-color: #FFC107 !important;
}
.sshs-category-3 {
	background-color: #FF9800 !important;
	color: white !important;
}
.sshs-category-4 {
	background-color: #F44336 !important;
	color: white !important;
}
.sshs-category-5 {
	background-color: #8B0000 !important;
	color: white !important;
}
.sshs-explanations {
	margin-top: 30px !important;
}
.sshs-explanation {
	margin-bottom: 20px !important;
}
.sshs-explanation h3 {
	color: #333 !important;
	font-size: 20px !important;
	margin-bottom: 10px !important;
}
.sshs-explanation p {
	font-size: 16px !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}


/*( Desktop )*/
@media (min-width: 1025px) {
	/** General >> Sitebar margin **/
	.secondary {
	padding-left: 20px !important;
	margin-top: 60px !important;
}

	/** Tablepress >> Mt 20483 ast article single **/
	.ast-article-single {
	padding-top: 30px !important;
}

	/** Front Page >> Secondary wp block latest posts post title **/
	#secondary .wp-block-latest-posts__post-title {
	font-size: 16px !important;
	line-height: 1.3em !important;
}

}


/*( Tablet )*/
@media (max-width: 1024px) {
	/** General >> Sitebar margin **/
	.secondary {
	padding-right: 100px !important;
	padding-left: 100px !important;
}

	/** General >> Wp block latest posts featured image image **/
	.sidebar-main .wp-block-latest-posts__featured-image img {
	width: 450px !important;
}

	/** General >> Astra Related Posts Tablet and Phone Padding **/
	.ast-single-related-posts-container {
	padding: 60px !important;
}

	/** Tablepress >> Mt 20483 ast article single **/
	.ast-article-single {
	padding-right: 100px !important;
	padding-left: 100px !important;
}

	/** Tablepress >> Improved Gallery **/
	.improved-gallery {
	padding: 15px !important;
	grid-gap: 15px !important;
	gap: 15px !important;
}
.improved-gallery figure {
	-webkit-flex: 0 0 calc(50% - 7.5px) !important;
	flex: 0 0 calc(50% - 7.5px) !important;
}

	/** Front Page >> Secondary wp block latest posts post title **/
	#secondary .wp-block-latest-posts__post-title {
	font-size: 18px !important;
	line-height: 1.3em !important;
	font-weight: bold !important;
}

	/** Photo Swipe >> Photo Swipe **/
	.pswp__dynamic-caption--mobile {
	top: 30px !important;
	bottom: auto !important;
}

	/** Additional CSS >> New Posts **/
	.new-posts-box {
	max-width: 600px !important;
}
.new-posts-header {
	font-size: 1.3em !important;
	padding: 15px !important;
}
.new-posts-item {
	-webkit-flex-basis: calc(100% - 20px) !important;
	flex-basis: calc(100% - 20px) !important;
}

}


/*( Phone )*/
@media (max-width: 768px) {
	/** General >> Sitebar margin **/
	.secondary {
	padding-right: 10px !important;
	padding-left: 10px !important;
}

	/** General >> Astra Related Posts Tablet and Phone Padding **/
	.ast-single-related-posts-container {
	padding: 30px !important;
}

	/** Tablepress >> Mt 20483 ast article single **/
	.ast-article-single {
	padding-right: 10px !important;
	padding-left: 10px !important;
}

	/** Tablepress >> Improved Gallery **/
	.improved-gallery {
	padding: 10px !important;
	grid-gap: 10px !important;
	gap: 10px !important;
}
.improved-gallery figure {
	-webkit-flex: 0 0 100% !important;
	flex: 0 0 100% !important;
}
.improved-gallery figcaption {
	font-size: 12px !important;
	padding: 8px !important;
}

	/** Photo Swipe >> Photo Swipe **/
	.pswp__dynamic-caption--mobile {
	top: 30px !important;
	bottom: auto !important;
}

	/** Maps Template >> Maps Template **/
	.row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.acm-country-card {
	margin: 10px !important;
	-webkit-flex-basis: calc(100% - 20px) !important;
	flex-basis: calc(100% - 20px) !important;
}

	/** Additional CSS >> Stormsmap caption **/
	.stormsmap figcaption {
	color: #666 !important;
	font-size: 0.8em !important;
	font-style: italic !important;
	margin-top: 8px !important;
}

	/** Additional CSS >> Storm Map Image **/
	.stormsmap {
	text-align: center !important;
	width: 100% !important;
	margin: 20px auto 20px auto !important;
}
.stormsmap img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
}
.stormsmap figcaption {
	margin-top: 8px !important;
	font-style: italic !important;
	color: #666 !important;
	font-size: 0.8em !important;
}

	/** Additional CSS >> Mediavine Container Spacing **/
	.ast-container {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.ast-separate-container .ast-article-single {
	padding-right: 10px !important;
	padding-left: 10px !important;
}

	/** Additional CSS >> Stormsmap **/
	.stormsmap {
	text-align: center !important;
	width: 100% !important;
	margin: 10px auto 30px auto !important;
}

	/** Additional CSS >> New Posts **/
	.new-posts-box {
	max-width: 100% !important;
	margin: 10px !important;
	border-radius: 10px !important;
}
.new-posts-header {
	font-size: 1.2em !important;
	padding: 15px !important;
}
.new-posts-list {
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}
.new-posts-item {
	margin: 5px 0 !important;
	border-radius: 0 !important;
	border-left: none !important;
	border-right: none !important;
}
.new-posts-link {
	-webkit-flex-direction: row !important;
	-moz-flex-direction: row !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
	-webkit-justify-content: flex-start !important;
	justify-content: flex-start !important;
	padding: 15px !important;
}
.new-posts-icon {
	font-size: 1.5em !important;
	margin-bottom: 0 !important;
	margin-right: 10px !important;
}

	/** Front Page >> Display Posts Grid **/
	.display-posts-listing.grid {
	grid-template-columns: repeat( 2, 1fr ) !important;
}

	/** Page Templates >> Hurrican Advisory **/
	.hurricane-advisory {
	padding: 15px !important;
	margin: 10px !important;
}
.hurricane-advisory h2 {
	font-size: 18px !important;
}

	/** Page Templates >> Storm Categories **/
	.sshs-body {
	padding: 10px !important;
}
.sshs-container {
	padding: 15px !important;
}
.sshs-title {
	font-size: 22px !important;
	margin-bottom: 20px !important;
}
.sshs-categories {
	grid-gap: 10px !important;
	gap: 10px !important;
}
.sshs-category {
	padding: 10px !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}
.sshs-category-info {
	width: 100% !important;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
	margin-bottom: 5px !important;
}
.sshs-category-number {
	font-size: 18px !important;
	min-width: 20px !important;
}
.sshs-wind-speed {
	font-size: 14px !important;
}
.sshs-description {
	width: 100% !important;
	text-align: left !important;
	font-size: 14px !important;
}
.sshs-explanation h3 {
	font-size: 18px !important;
}
.sshs-explanation p {
	font-size: 14px !important;
	line-height: 1.4 !important;
}

}

