/*
Theme Name: SharpenCX
Theme URI: https://sharpencx.com/
Author: Jackson Sky Web Design & Development
Author URI: https://jacksonsky.com/
Description: This is a custom responsive theme designed and developed exclusively for SharpenCX.
Tags: news, blog, one-column, two-column, custom-menu, editor-style, featured-images, full-width-template
Version: 1.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
	5.1 Font Imports
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Navigation
12.0 Layout
   12.1 Header
   12.2 Regular Content
   12.3 Content Layouts
   12.4 Sidebar Content
   12.5 Footer
   12.6 Home Page
   12.7 Interior Pages
   12.8 Page Sections
   12.9 Posts
   12.10 MISC Universal Styles
13.0 Comments
14.0 Widgets
15.0 Media
   15.1 Galleries
16.0 Media Queries
	16.1 Query sm - Over 576px
	16.2 Query md - Over 768px
	16.3 Query lg - Over 992px
	16.4 Query xl - Over 1200px
	16.5 Query xxl - Over 1400px
17.0 Print
--------------------------------------------------------------*/




/*--------------------------------------------------------------
1.0 Normalize - See Stylesheet normalize.css
--------------------------------------------------------------*/


/* But it is not enough now, below dont hide play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
/* Hide visually and from screen readers */
.hidden {display: none !important;}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {border: 0; clip: rect(0 0 0 0);  height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

/** Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

/** Hide visually and from screen readers, but maintain layout */
.invisible {visibility: hidden;}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */}


/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {display: inline; float: left; margin-right: 1.5em;}
.alignright {display: inline; float: right; margin-left: 1.5em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}



/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

/**** Clearfix update ****/
.group:before, .group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: "SharpenSans", Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#221f20;
	font-weight: 400;
	font-style:normal;
	line-height:1.6;
	letter-spacing:.025em;	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
}

h1, h2, h3, h4, h5, h6, .intro-large{font-family: 'SharpenSans', Helvetica, Arial, sans-serif; font-weight:300; color:#221f20; line-height:1.1; margin:0; padding:0; margin-bottom:.2em;}
h1, .intro-large{font-size: 30px; margin-bottom: .25em}
h2{font-size:28px; margin-bottom: .325em;}
h3{ font-size:26px; margin-bottom: .325em;}
h4{ font-size:24px; margin-bottom: .3em; line-height: 1.25;}
h5{ font-size: 18px;  margin-bottom: .3em; line-height: 1.4;}
h6{ font-size:17px; margin-bottom: .3em;}
.intro-large{line-height: 1.1;}

h1.title-underline, h2.title-underline, h3.title-underline, h4.title-underline, h5.title-underline, h6.title-underline{display: block; width: 100%; border-bottom: 2px solid #221f20; padding-bottom:.2em; }



h2.small-title, h3.small-title, h4.small-title{font-size: 11px; text-transform: uppercase; line-height: 1.1;}
h2.section-title, h3.section-title, h4.section-title{font-size:21px;}
h2.sub-title, h3.sub-title, h4.sub-title{font-size:21px;}


p {margin: 0 0 2.25em; padding: 0;}

.serif{font-family: 'Abhaya Libre', serif; font-size:1.5em;}

#main section p:last-of-type{margin-bottom: 0;}

#content{font-size: 16px; font-weight: 300;}

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

blockquote {
	color: #221f20;
	font-size: 1.3rem;
	line-height: 1.5;
	overflow: hidden;
	margin-bottom:1.8em;
	font-weight: 400;
}
blockquote.alt{font-family: 'Abhaya Libre', serif; font-size: 1.6666666em;}

blockquote p:last-child{margin-bottom: 0;}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address { margin: 0 0 1.5em;}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

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

mark, ins {
	background: #eee;
	text-decoration: none;
}

.big {font-size: 125%;}
.light{ font-weight:300;}
.normal{font-weight:400;}
.semibold{font-weight:600;}
.strong, strong{font-weight:700;}

blockquote {quotes: "" "";}

q {quotes: "“" "”" "‘" "’";}

blockquote:before,
blockquote:after {content: "";}

:focus {outline: none;}

.uppercase{text-transform: uppercase;}

sup{
  
  position: relative;
  top: 0;
	font-size: 50%;
	vertical-align: super;
}

/*--------------------------------------------------------------
5.0 Font Imports
--------------------------------------------------------------*/

@font-face {
	font-family: "AcidGrotesk";
	font-style: normal;
	font-weight: 700;
	src: url("assets/fonts/FFF-AcidGrotesk-Bold.woff2") format("woff2");
} 
@font-face {
	font-family: "AcidGrotesk";
	font-style: normal;
	font-weight: 400;
	src: url("assets/fonts/FFF-AcidGrotesk-Book.woff2") format("woff2");
} 


@font-face {
	font-family: "SharpenSans";
	font-style: normal;
	font-weight: 400;
	src: url("assets/fonts/SharpenSans-Book.woff2") format("woff2");
} 
@font-face {
	font-family: "SharpenSans";
	font-style: italic;
	font-weight: 400;
	src: url("assets/fonts/SharpenSans-BookItalic.woff2") format("woff2");
} 
@font-face {
	font-family: "SharpenSans";
	font-style: normal;
	font-weight: 500;
	src: url("assets/fonts/SharpenSans-Regular.woff2") format("woff2");
} 
@font-face {
	font-family: "SharpenSans";
	font-style: italic;
	font-weight: 500;
	src: url("assets/fonts/SharpenSans-RegularItalic.woff2") format("woff2");
} 
@font-face {
	font-family: "SharpenSans";
	font-style: normal;
	font-weight: 700;
	src: url("assets/fonts/SharpenSans-Bold.woff2") format("woff2");
} 
@font-face {
	font-family: "SharpenSans";
	font-style:italic;
	font-weight: 700;
	src: url("assets/fonts/SharpenSans-BoldItalic.woff2") format("woff2");
} 



/*-------------------------------------------------------{-------
6.0 Forms
--------------------------------------------------------------*/
label {
	color: #676767;
	display: block;
	font-weight: 600;
	margin-bottom: 0.35em;
	
}

legend{color:#676767;}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select{
	color: #000;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #999;
	display: block;
	padding: 0.5em;
	font-size:14px;
	width: 100%;
}
select:disabled{color: rgb(153,153,153);}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #999;
}

textarea {
    resize: vertical;
}

select {
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}



/************* Buttons **********/
button,.button, .buttonAlt, a.button,
input[type="button"],
input[type="submit"]{
	font-family: "SharpenSans", Helvetica, sans-serif;
	text-transform:normal;
	background-color: transparent;
	background-color: rgba(207, 172, 249, 0);
	border: 2px #221f20 solid;
	border-radius: 50px;
	color: #221f20;
	cursor: pointer;
	display: inline-flex;
  align-items: center; 
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .06em;
	line-height: 1.2;
	padding: .8em 1.25em;
	text-shadow: none;
		-o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
	margin-right: 10px;
	margin-bottom: 7px;
	text-decoration: none !important;
	text-align: center;

}



button:hover,.button:hover, .buttonAlt:hover, a.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover{ color:#221f20; background-color: #cfacf9; background-color: rgba(207, 172, 249, 1);}

button.offwhite-h:hover, a.button.offwhite-h:hover{background-color:#F7F7F2;}

button.buttonAlt, .button.buttonAlt, .buttonAlt, a.buttonAlt, a.button.alt{background:#fff; color:#221f20; border: 2px solid #221f20; }
button.buttonAlt:hover, .button.buttonAlt:hover, .buttonAlt:hover, a.buttonAlt:hover, a.button.alt:hover{ background: #769fff; color:#221f20; text-decoration: none !important;}
button.buttonAlt:after, .button.buttonAlt:after, .buttonAlt:after, a.buttonAlt:after, a.button.alt:after{content:none;}


.trans2{-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;}


/********* Placeholders **********/
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #9f9f9f;
	font-family: "SharpenSans", Helvetica, Arial, sans-serif;
}

:-moz-placeholder {
	color: #9f9f9f;
	font-family: "SharpenSans", Helvetica, Arial, sans-serif;
}

::-moz-placeholder {
	color: #9f9f9f;
	font-family: "SharpenSans", Helvetica, Arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #9f9f9f;
	font-family: "SharpenSans", Helvetica, Arial, sans-serif;
}

/******* Gravity Forms *********/
.container .gform_wrapper.gravity-theme .gfield_label{margin-bottom: 0;}
.container .gform_wrapper.gravity-theme .ginput_complex label{padding-top: 0; font-weight: 300;}
.container .gform_wrapper.gravity-theme .field_description_above .gfield_description{padding-bottom:0; }

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color:#221f20;
	border: 0;
	height: 2px;
	margin-top: 2em;
	margin-bottom: 2em;
	
}

hr.short{ max-width: 90px; width: 25%; margin-left: 0; background-color:#a2b6c3;}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}


::selection {
    background: #b3d4fc;
    text-shadow: none;
}

.inline-block{display: inline-block;}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul, ol { margin: 0 0 2em 2em; padding: 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
#content ul, #content ol{margin: .75em 0 2em 2em;}

li{ padding-left:0; margin-bottom:.5em;}
li > ul,
li > ol {margin-bottom: 0; margin-left: 1.5em;}

dt {font-weight: 700;}
dd {margin: 0 1.5em 1.5em;}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%;}
thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em;}
th { padding: 0.4em; text-align: left; }
tr { border-bottom: 1px solid #eee;}
td {padding: 0.4em;}
th:first-child,td:first-child {padding-left: 0;}
th:last-child,td:last-child {padding-right: 0;}

.ml-responsive-table {padding-bottom: 30px !important;}
.ml-responsive-table dd {margin-bottom: 0 !important;}
.ml-table {padding: 0 10px 0 10px !important;}
.ml-grid{padding:1em 2em .25em 0 !important;;}
.ml-grid.ml-row-0{display: none;}
.ml-value{padding-bottom: .75em !important;}

/*** Pseudo Table Styles****/
.table{display:table;}
.tableRow{display:table-row;}
.tableCell{display:table-cell;}
.tableMiddle{ vertical-align:middle;}
.vert50{ height:50%;}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a{color:#769fff; text-decoration: underline; text-underline-offset:0.15em; font-weight: 500;}
a:hover{color:#73cd87; text-decoration: none; text-underline-offset:0.3em;}
#content a{text-decoration:underline;
-o-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;}
a.alt{color:#44697d; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 90%;}
a.alt:hover{color:#44697d; text-decoration: underline;}
a:active, a:focus{outline:none;}

a.alt:after{font-family: 'FontAwesome';
    content: '\f0a9';
    padding-left: 8px;
	position: relative;
font-size: 120%;}

a.black-link, a.black-link:hover{color: #221f20;}


/*--------------------------------------------------------------
11.0 Navigation
--------------------------------------------------------------*/
/********* Main Navigation ********/
#site-header #mega-menu-wrap-main-menu #mega-menu-main-menu li.button a{border: solid 2px #221f20; display: table; padding-right: 1.5em; padding-left: 1.5em; border-radius:100px; -o-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;}

#site-header #mega-menu-wrap-main-menu #mega-menu-main-menu li.button a:hover{background-color:#cfacf9;}

/** Mega Drop Description **/
#site-header #mega-menu-wrap-main-menu #mega-menu-main-menu a.mega-menu-link .mega-description-group .mega-menu-description{ font-size: .77em; font-style: normal; line-height: 1.2; margin: 0 0 3px;}

/*** Mega Max Mobile****/
#site-header a.mega-menu-logo img.mega-menu-logo{width:175px !important; }
#site-header #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns > ul.mega-sub-menu > li.mega-menu-item {float: none; width: auto;}

/***** Social ******/
ul.social {
    margin-bottom: 0;
}

ul.social .nav-link {
    padding: 8px 0;
}

ul.social .nav-link .fab {
    
}

ul.social a.nav-link {
    color: #000;
    text-decoration: none;
}

ul.social .list-inline-item:not(:last-child) {
    margin-right: 6.4px;
}

/******** Sub Navigation ***********/
#nav-con-submenu{background:#44697d; }
#nav-con-submenu.makeStick{position: fixed; width: 100%; top: 60px; z-index: 100;}


/*--------------------------------------------------------------
12.0 Layout
--------------------------------------------------------------*/
html, body {
  height: 100%;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	display: flex;
  	flex-direction: column;
	background: #f7f7f2;
	min-height: 100vh;
}
.site{display: flex; flex: 1; flex-direction: column;}
#content.site-content{flex: 1 0 auto; padding-top: 59px;}



/*--------------------------------------------------------------
12.1 Header
--------------------------------------------------------------*/

/***** Main Header *****/
#site-header{position: fixed; background-color: #f7f7f2; 
	width: 100%; z-index: 200;}
#site-header.shrink{}
#site-header .site-title{ }
#site-header .logo-mark{width: 15.625%;}
#site-header .logo-mark img{height: auto; max-height: 100%; max-width: 100%;
-moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
	transition: all .2s linear;}
#site-header.shrink .logo-mark img{ max-height: 100%; max-width: 100%;
-moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
	transition: all .2s linear;}
#site-header .logo-mark{margin-bottom: 0; line-height:0;}
#site-header .word-mark{width:84.375%;}
#site-header .word-mark img{max-height: 100%; max-width: 100%; padding-top:5%; padding-left:7%; padding-right:3%;}
#site-header .nav-con{-moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
transition: all .2s linear;}
#site-header.shrink .nav-con{/*margin-top: 10px !important;*/}
#site-header .header-holder{border-bottom: solid 2px #221f20;}



/*--------------------------------------------------------------
12.2 Regular Content
--------------------------------------------------------------*/
/******** Page Header ********/



/*--------------------------------------------------------------
12.3 Content Layouts
--------------------------------------------------------------*/
img{border-radius: 10px;}


/*--------------------------------------------------------------
12.4 Sidebar Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
12.5 Footer
--------------------------------------------------------------*/
footer.site-footer {font-size: 14px; line-height: 1.6; flex-shrink: 0; background-color:#221f20; color:#f7f7f2;}
footer .footer-main-section{ border-bottom: 2px solid #f7f7f2;}
footer.site-footer a{color: #f7f7f2; text-decoration: underline; text-underline-offset:0.15em;
-o-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;}
footer.site-footer a:hover{color: #cfacf9; text-underline-offset:0.3em;}
footer.site-footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{color:#f7f7f2; font-family: "SharpenSans", Helvetica, Arial, sans-serif; font-weight:400;}
footer h4{font-size: 18px;}
footer .footnote{font-size: 12px; font-style: italic;}
footer .footer-copyright{font-size: 12px;}
footer .footer-copyright a.btm-link{ display: inline-block; margin-left: 3em;}
footer .social-links a{margin-right: .85em;}
footer .footer-contact{text-transform: uppercase; font-weight:700;}
footer ul.footer-list-links {color:#f7f7f2; list-style: none; margin: 0; padding: 0;}
footer ul.footer-list-links li {margin: 0; padding: 0; font-weight: 400; margin-bottom: .7em;}
footer ul.footer-list-links li a{text-transform: uppercase; color:#f7f7f2;}
footer ul.footer-list-links li a:hover{color: #cfacf9;}

/*** Sign-up form *****/
form#hsForm_bb675a62-237e-420d-934b-258219ec12e3 label.hs-form-booleancheckbox-display span{color:#fff;} 

/*--------------------------------------------------------------
12.6 Home Page
--------------------------------------------------------------*/
.home #page-intro-section h1{line-height: 1.0;}

.home #page-intro-section h1{font-size: 54px;}
.home #page-intro-section h1.medium-title{font-size: 48px;}
.home #page-intro-section h1.small-title{font-size: 36px;}

/***** Icon Text Two column ******/
.home .icon_text_two_column h2.section-title{font-size:60px; margin-bottom: .3em !important;}

/*--------------------------------------------------------------
12.7 Interior Pages
--------------------------------------------------------------*/
/**** Padding Options****/
.v-margin-both{padding-top: 1em; padding-bottom: 1em;}
.v-margin-top{padding-top: 1em; padding-bottom: 0;}
.v-margin-bottom{padding-top: 0; padding-bottom: 1em;}
.v-margin-none{padding-top: 0; padding-bottom: 0;}


/***** Resource Library ******/
.news-list .card-news{background-color:#fff; border-radius: 10px;}
.news-list .card-news .post-title h4{font-size: 20px; line-height: 1.3;}
.news-list .card-news .post-title h4 a{text-decoration: none !important; color: #221f20;}
.news-list .card-news .post-title h4 a:hover{text-decoration: none; color: #73cd87;}


/******* Resource Single *******/
#gated-section .introduction{font-size: 21px; font-weight: 500; line-height: 1.3;}
#gated-section img.intro-arrow{height: 2em;}
#gated-section .intro-content p:last-of-type{margin-bottom: 2em;}
#gated-section .side-content{border-radius: 10px; background-color:#e0cec0;}
#gated-section .side-content .bump-up{margin-top: 0;}


/***** Event Archive *******/
.event-list .card-news{background-color:#fff; border-radius: 10px; overflow: hidden;}
.event-list .card-news .card-head{background-color:#e0cec0;}
.event-list .card-news .card-head h4{font-weight: 400; font-size: 18px; margin-bottom: 0;}
.event-list .card-news h6{font-weight: 500; }
.event-list .card-news .date{line-height: 1.2;}

/**** 404 ****/
#searchform #s{max-width: 450px; width: 100%; margin-bottom: .8em;}

/*** Search Results ***/
.search-results .search-result-title{font-size: 120%;}
.search-results .smalltext p:last-of-type{margin-bottom: 0; font-size: 90%;}



/*--------------------------------------------------------------
12.8 Page Sections
--------------------------------------------------------------*/
/***** Page Intro Section ****/
#page-intro-section .intro-background{}
#page-intro-section h1.page-title-small, #page-intro-section .section-title-small, #blog-intro-section .section-title-small{ font-size: 12px; font-family: "SharpenSans", Helvetica, Arial, sans-serif; color:#221f20; text-transform: uppercase; line-height: 1.2; font-weight: 500;}
#page-intro-section h2, #page-intro-section h1.page-title, .page-title h1{ font-family: "SharpenSans", Helvetica, Arial, sans-serif; font-weight: 300; color:#221f20; margin-bottom: 0;}
#page-intro-section .intro-text{font-size: 14px; line-height: 1.4;}



/***** Accordion Section ******/
.accordion-background {font-weight: 400;}
.accordion .card{border-radius: 0; border: 0 none; padding-bottom: 6px; background-color: transparent;}
.accordion .card .card-header{padding: 0; border-bottom: 0 none;}
.accordion .card button.btn{border-radius: 0; margin: 0; font-size: 16px; background-color:#e0cec0; color:#221f20; font-weight: 400; padding: .3em 1.85em .3em .7em; text-transform: none; letter-spacing: .03em;}
.accordion .card button.btn:hover{background-color:#cfacf9;}
.accordion .card button.btn::after{content: '-'; position: absolute; right: 1em; top:.25em; font-weight: 700;}
.accordion .card button.btn.collapsed::after{content: '+';}
.accordion .card .card-body{background-color: #fff; padding-top: 1.75rem; padding-bottom: 1.75rem;}
#content .accordion .card .card-body p:last-of-type{margin-bottom: 0;}
.accordion .btn:focus{box-shadow: none;}

/***** Testimonial *****/
.testimonial .card-rounded{position:relative;}
.testimonial .card-rounded .quote{font-size: 21px; line-height: 1.4;}
.testimonial .card-rounded .quote-info{}
.testimonial .card-rounded .company{font-weight: 700;}
.testimonial .card-rounded a.button{font-size: 14px; float: right;}

/***** Icon Lists *****/
.icon-text-list-section .icon-text-list h5.item-title{margin-bottom: 0;}
.icon-text-list-section .icon-text-list .content{line-height: 1.3;}
a.icon-list-link{text-decoration: none !important; background-color: transparent; display: block; border-radius: 10px; color:#221f20;}
a.icon-list-link:hover{background-color: #fff;}
.icon-list-icon img{max-height: 30px;}

/****** Image Only Section *****/
.embed-image img{width: 100%; height: auto;}

/****** Featured News *****/
.featured-news h6{line-height: 1.2;}
section.featured-news h3.sub-title{font-weight: 700;}

/****** News Grid *******/
.news-grid .news-item a{text-decoration: none !important;}
.news-grid .news-item a .news-holder{background-color:#fff;-o-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;}
.news-grid .news-item a .news-holder img{border-radius: 10px 10px 0 0;}
.news-grid .news-item a:hover .news-holder{background-color:#cfacf9;}
.news-grid .news-item a .news-holder h6{}


/****** CTA with Background Image ********/
.cta_w_bckgrnd_img .background-layer{background-color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.cta_w_bckgrnd_img .box{background-color:#cfacf9;}


/****** Callout Box - Single *******/
.callout_single .card-rounded a, .callout_single .card-rounded a:hover{color:#221f20;}

/****** Three Column Boxes *********/
.three_callout_boxes .callout_box{background-color:#fff;} 
.three_callout_boxes .cob-link a{text-transform: uppercase; font-size: 80%;}
.callout_box a{color:#221f20; }
.callout_box a:hover{color:#221f20; }

/****** Carousel *******/
.carousel-item{background-color: #fff; border-radius: 10px;}
.carousel-control-next, .carousel-control-prev{color:#221f20; width: 25px; font-size: 30px;}
a.carousel-control-next, a.carousel-control-prev{text-decoration: none !important;}
a.carousel-control-prev:hover{padding-right: .5em; color:#221f20;}
a.carousel-control-next:hover{padding-left: .5em; color:#221f20;}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{color:#221f20;}
#carouselExampleIndicators button.carousel-control-prev, #carouselExampleIndicators button.carousel-control-next{margin: 0;}
#carouselExampleIndicators button.carousel-control-prev:hover, #carouselExampleIndicators button.carousel-control-next:hover{background-color: transparent;}
.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23221f20' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23221f20' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.carousel-item .image-bubble .maskbottom{background-color:#FFF;}
.carousel-item .image-bubble .maskbottom:after{background: #fff;}
.carousel-item h2.slide-title{font-size: 16px;}
.carousel-item .slide-content{border-top:1px solid #221f20;}
.carousel-item a.button i{display: none;}
.carousel-item .image-bubble{position: relative; display: inline-block; z-index: 1; }
.carousel-item .stat-item img{max-height: 19px; max-width: 100%; width: 100%; height: auto;}

/***** Carousel Stats *******/
.stat-text{font-size: 18px; font-weight: 700; line-height: 1.3;}
.carousel-item .icon-color{filter: invert(6%) sepia(5%) saturate(1479%) hue-rotate(289deg) brightness(89%) contrast(83%);}

/***** Two Column - Client Story ******/
.two_column_cs .one-third {}

/***** People Grid *****/
.people_grid .people-card a{text-decoration: none !important;
-o-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;}
.people_grid .people-card a .inside-card{border: 0 solid #73cd87; border-radius: 10px; overflow-x: hidden;
-o-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;}
.people_grid .people-card a .job-title{color:#221f20;}
.people_grid .people-card a:hover .inside-card{border: 3px solid #73cd87;}
.people_grid .people-card .people-img img{border-radius: 0 0 0 0;}
.people_grid h4{font-size: 18px;}
.people_grid .linkedin-link{font-size: 24px;}

/******* Logo Grid ******/
.square {
  position: relative;
  flex-basis: 100%;
  margin: 5px;
  box-sizing: border-box;
}

.square img{max-height: 100%;}

.square::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.square .content {
border: 1px solid #e0cec0;
  position: absolute;
  top: 0; left: 0;
  height: 100%;
  width: 100%;
  display: flex;               /* added for centered text */
  justify-content: center;     /* added for centered text */
  align-items: center;         /* added for centered text */
	border-radius: 10px;
	background-color: #fff;
}

.square a .content {border: 1px solid #e0cec0; background-color: #fff;
-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;}
.square a:hover .content {border: 3px solid #73cd87;}


/******** Pricing *******/
.pricing-section .price-plan{background-color: #fff;}
.pricing-section .price-plan .p-title h4{font-size: 18px; margin-bottom: 0; font-weight: 400;}
.pricing-section .price{font-size: 65px; line-height: 1;}
.pricing-section .price-content, .pricing-section .list-intro, .pricing-section .price-list{font-size:14px;}
.pricing-section .list-intro{font-weight: 500;}
.pricing-section .price-list li{margin-bottom: 1em;}


/*--------------------------------------------------------------
12.9 Posts
--------------------------------------------------------------*/
#post-list .featured-news h2{font-size:32px; line-height: 1.3;}

#post-list .featured-news .info-con h2 a{text-decoration: none; color: #221f20;}
#post-list .featured-news .info-con h2 a:hover{text-decoration: none; color: #73cd87;}

#news-list .card-news{background-color:#fff; border-radius: 10px;}
#news-list .card-news .post-title h4, .category-meta{font-size: 20px; line-height: 1.3;}
#news-list .card-news .post-title h4 a, .category-meta a{text-decoration: none !important; color: #221f20;}
#news-list .card-news .post-title h4 a:hover, .category-meta a:hover{text-decoration: none; color: #73cd87;}

#postTitle h2 a{text-decoration: none;}
#postTitle h2 a:hover{text-decoration: underline;}
.postinfo{font-size: 80%;}

#content-post{font-size: 18px;}

#paging-bottom{width:100%; display:block; clear:both;}
#paging-bottom .alignleft, #paging-bottom .alignright{
	
	display: block;
	
}

#paging-bottom .alignleft a, #paging-bottom .alignright a{
	
	display: block;
	
}

#paging-bottom .alignleft {
	float: left;
}
#paging-bottom .alignright {
	float: right;
}
#paging-bottom .alignleft a, #paging-bottom .alignright a {
	color:#221f20;
	text-decoration: none;
	font-weight: 500;
	display: block;
	
	text-align: center;
	text-transform: uppercase;
	
	font-size: 16px;
	-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}
#paging-bottom .alignleft a:hover, #paging-bottom .alignright a:hover {
	
}

#paging-bottom .page-numbers{border: 1px solid #cfacf9; background-color: #fff; display: inline-block; border-radius: 3px; width: 2em; text-align: center;}
#paging-bottom .navigation.pagination{justify-content: center;}
#paging-bottom .nav-links{position: relative;}
#paging-bottom a.page-numbers{background-color: #fff; color:#221f20; text-decoration: none; position: relative; top:0;}
#paging-bottom a.page-numbers:hover{top: 5px;}
#paging-bottom .page-numbers.current{background-color: #cfacf9}

/******************* Blog Single ************************/
#blog-intro-section .featured-image-title{margin-top: -1em;}

/***************** Event Single ***********/
#blog-intro-section .event-date, #blog-intro-section .event-location{font-size: 20px;}

/********************* WordPress Styles *********************/

#postInfo {color:#9f9f9f; font-size:14px; margin:0 0 20px 0; clear: both; font-style:italic;}

#paging {
display: block;
text-align: center;
margin-top: 60px;
padding-bottom: 60px;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
}

#paging a{text-decoration: none;}
#paging a:hover{text-decoration: underline;}


/*--------------------------------------------------------------
12.10 MISC Universal Styles
--------------------------------------------------------------*/
.border-rad-none{border-radius: 0;}
.rounded-10, .rounded{border-radius: 10px !important;}
.card-rounded{border-radius: 10px;}
.text-enlarged{font-size: 110%;}
.text-enlarged-133{font-size: 110%;}
.center{text-align: center;}
.bold{font-weight: 700;}
.extrabold{font-weight: 800;}
.credit{color: #2d2d2d; font-weight: 700; font-size: 12px;}
.smalltext{font-size: 12px;}
.grey{color:#6f727b;}
.centerBtn{text-align:center; display:block; width:100%;}
.noPad{padding: 0;}
.moreLink{text-transform: uppercase; font-weight: 800;}
hr.hr-small-center{width: 90px; margin-left: auto !important; margin-right: auto !important;}

.trans-2{-o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
	transition: all .2s linear;}

.circle-center{display: flex; border: 6px solid #94a545; border-radius: 50%; width:100%; justify-content: center; align-items: center;}
.circle-center:before{content:""; float: left; padding-top: 100%;}

.extra-large-text{}
.semi-bold{font-weight: 500;}

.word-wrap {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}
/*** Background Colors ***/
.background-white{background-color:#FFF; }
.background-offwhite{background-color:#F7F7F2; }
.background-yellow{background-color:#fcd267; }
.background-purple{background-color:#cfacf9; }
.background-offblack{background-color:#221f20; }

/**** Font Colors ****/
.white{background-color:#FFF; }
.offwhite{background-color:#F7F7F2; }
.yellow{background-color:#fcd267; }
.purple{background-color:#cfacf9; }
.offblack {color: #221f20;}


/*--------------------------------------------------------------
13 Comments
--------------------------------------------------------------*/


/*--------------------------------------------------------------
14 Widgets
--------------------------------------------------------------*/

/*--------------------------------------------------------------
15 Media
--------------------------------------------------------------*/
/***** Word Bubbles *****/
.image-bubble{position: relative; display: inline-block; z-index: -1; }
.image-bubble img{border-radius: 25px 25px 0 0; margin-bottom: 0;}
.image-bubble .maskbottom{background:#F7F7F2; width: 100%; height: 25px; position: absolute; bottom: 0;}
.image-bubble .maskbottom:after{
content: "";
position: absolute;
margin-top: -25px;
width: 25px;
height: 25px;
background: #F7F7F2;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
}

.image-bubble .maskbottom.right{border-radius: 50px/25px 0 0 0;}
.image-bubble .maskbottom.right:after{
right: 0;
-webkit-mask-image: radial-gradient(circle at top left, transparent 0, transparent  25px, black 26px);
-webkit-mask-position: top left, top right, bottom left, bottom right;}


.image-bubble .maskbottom.left{border-radius: 0 50px / 0px 25px; border-bottom-left-radius: 0;}
.image-bubble .maskbottom.left:after{
	left:0;
-webkit-mask-image: radial-gradient(circle at top right, transparent 0, transparent  25px, black 26px);
-webkit-mask-position: top left, top right, bottom left, bottom right;}



.image-bubble-large{position: relative; display: inline-block; z-index: -1; }
.image-bubble-large img{border-radius: 40px 40px 0 0; margin-bottom: 0;}
.image-bubble-large .maskbottom{background:#F7F7F2; width: 100%; height: 40px; position: absolute; bottom: 0;}
.image-bubble-large .maskbottom:after{
content: "";
position: absolute;
margin-top: -40px;
width: 40px;
height: 40px;
background: #F7F7F2;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
}

.image-bubble-large .maskbottom.right{border-radius: 80px/40px 0 0 0;}
.image-bubble-large .maskbottom.right:after{
right: 0;
-webkit-mask-image: radial-gradient(circle at top left, transparent 0, transparent  40px, black 41px);
-webkit-mask-position: top left, top right, bottom left, bottom right;}


.image-bubble-large .maskbottom.left{border-radius: 0 80px / 0px 40px; border-bottom-left-radius: 0;}
.image-bubble-large .maskbottom.left:after{
	left:0;
-webkit-mask-image: radial-gradient(circle at top right, transparent 0, transparent  40px, black 41px);
-webkit-mask-position: top left, top right, bottom left, bottom right;}



img {vertical-align: middle; max-width:100%; height:auto;}

img.alignleft, .image-bubble.alignleft {float:left; display:inline; margin:5px 20px 15px 0; max-width:50%; height:auto;}
img.alignright, .image-bubble.alignright {float:right; display:inline; margin:5px 0 15px 20px; max-width:50%; height:auto;}
img.alignnone {margin: 0 0 10px 0; max-width:100%; height:auto;}
img.aligncenter {clear: both; display: block; margin: 0 auto 10px; max-width:100%; height:auto;}

.wp-caption.alignright{float:right; margin:5px 0 15px 5%; max-width:40%; height:auto;}
  
.wp-caption.alignleft{float:left; margin:5px 5% 15px 0; max-width:40%; height:auto;}
  
.alignright {float: right; margin: 0 0 5px 15px; display:inline;}
.alignleft {float: left; margin: 0 15px 5px 0; display:inline;}
.center{text-align:center;}
  

.wp-caption.alignright img{ width:100%; height:auto;}
p.wp-caption-text {margin:.5em 0 1.8em; font-size:14px; color:#5e6a71;}


.wp-caption img{margin:5px 15px 5px 0;}
.wp-caption {margin-bottom:2em; font-size:12px; color:#5e6a71; max-width: 100%;}
.wp-caption p{margin-bottom:5px;}

/******* Video ******/
.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;
		margin-bottom: 1.25em;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.embed-holder { 
		position: relative; 
		padding-bottom: 55.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;
		margin-bottom: 1.25em;
	} 

	.embed-holder iframe,
	.embed-holder object,
	.embed-holder embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


	#content .epyt-gallery-title{font-size: 12px;}


/*--------------------------------------------------------------
15.1 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
16 Media Queries
--------------------------------------------------------------*/



/*--------------------------------------------------------------
16.1 Query sm - Over 576px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 576px) {
		
		body, input, textarea{font-size:18px;}
		button, .button, .buttonAlt, a.button, input[type="button"], input[type="submit"]
{font-size:14px}
		
		/*----- Typography -------*/
		h1, h2.headline{font-size: 48px;}
		.page-builder h1{font-size: 36px;}
		h2 { font-size:36px;}
		h3{ font-size:28px;} 
		h4{ font-size:24px;}
		h5{ font-size:20px;}
		h6{ font-size:18px;}
		
		h2.section-title, h3.section-title, h4.section-title{font-size:21px;}
		h2.small-title, h3.small-title, h4.small-title{font-size: 12px;}
		
		blockquote {font-size: 1.75rem;}
		hr{margin-top: 2.5em; margin-bottom: 2.5em;}
		
		/************* Buttons **********/
		button,.button, .buttonAlt, a.button,
		input[type="button"],
		input[type="submit"]{
		font-size: 16px;
		padding: .8em 1.25em;}
		
		/*------ Header ---------*/
		
		/*------ Navigation -------*/
		/*** Mega Max Mobile****/
#site-header a.mega-menu-logo img.mega-menu-logo{width:175px !important; }
#site-header #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns > ul.mega-sub-menu > li.mega-menu-item {float: left; width: 50%;}
		
		/*------ Sidebar Content --------*/
		
		
		/*----- Footer -----*/
		footer h4{font-size: 24px;}
		
		/*------------ Home Page ---------*/
		.home #page-intro-section h1.medium-title{font-size: 58px;}
		.home #page-intro-section h1.small-title{font-size: 48px;}
		
		/*----- Interior Pages -------*/
		
		/******************* Blog Single ************************/
		#blog-intro-section .featured-image-title{margin-top: -3em;}
		
		/*----- Page Sections ------*/
		/***** Intro Banner Section ****/
		#page-intro-section .intro-text{font-size: 18px;}
		
		/***** Testimonial *****/
		.testimonial .card-rounded .quote{font-size: 24px;}
		
		/***** Slideshow Carousel ****/
		.carousel-item h2.slide-title{font-size: 18px;}
		/***** Carousel Stats *******/
		.stat-text{font-size: 24px;}
		.carousel-item .stat-item img{max-height: 25px;}
		
		/***** Event Archive *******/
		.event-list .card-news .card-head h4{font-size: 18px;}
		
		/******** Pricing *******/
		.pricing-section .price-plan .p-title h4{font-size: 21px;}
		.pricing-section .price{font-size: 75px;}
		
		/*----- MISC ------*/
		.smalltext{font-size: 14px;}
		.text-enlarged-133{font-size: 115%;}
		.extra-large-text{font-size: 50px;}
		
		#content .epyt-gallery-title{font-size: 14px;}
		
		img.alignleft, .image-bubble.alignleft{float:left; display:inline; margin:5px 20px 15px 0; max-width:60%; height:auto;}
		img.alignright, .image-bubble.alignright {float:right; display:inline; margin:5px 0 15px 20px; max-width:60%; height:auto;}
		
		
		/***** Word Bubbles *****/
		.image-bubble img{border-radius: 50px 50px 0 0; margin-bottom: 0;}
		.image-bubble .maskbottom{height: 50px;}
		.image-bubble .maskbottom:after{
		margin-top: -50px;
		width: 50px;
		height: 50px;
		}

		.image-bubble .maskbottom.right{border-radius: 100px/50px 0 0 0;}
		.image-bubble .maskbottom.right:after{
		-webkit-mask-image: radial-gradient(circle at top left, transparent 0, transparent  50px, black 51px);
		}


		.image-bubble .maskbottom.left{border-radius: 0 100px / 0px 50px; border-bottom-left-radius: 0;}
		.image-bubble .maskbottom.left:after{
			left:0;
		-webkit-mask-image: radial-gradient(circle at top right, transparent 0, transparent  50px, black 51px);
		}


		.image-bubble-large img{border-radius: 100px 100px 0 0; margin-bottom: 0;}
		.image-bubble-large .maskbottom{height: 100px;}
		.image-bubble-large .maskbottom:after{
		margin-top: -100px;
		width: 100px;
		height: 100px;
		}

		.image-bubble-large .maskbottom.right{border-radius: 200px/100px 0 0 0;}
		.image-bubble-large .maskbottom.right:after{
		right: 0;
		-webkit-mask-image: radial-gradient(circle at top left, transparent 0, transparent  100px, black 101px);
		}


		.image-bubble-large .maskbottom.left{border-radius: 0 200px / 0px 100px; border-bottom-left-radius: 0;}
		.image-bubble-large .maskbottom.left:after{
			left:0;
		-webkit-mask-image: radial-gradient(circle at top right, transparent 0, transparent  100px, black 101px);
		}
		
    }


/*--------------------------------------------------------------
16.2 Query md - Over 768px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 768px) {
		
		/*----- Typography -------*/
		body, input, textarea{font-size:18px;}
		button, .button, .buttonAlt, a.button, input[type="button"], input[type="submit"]{font-size: 16px; padding: .8em 1.7em;}

		h1, h2.headline{font-size: 60px;}
		.page-builder h1{font-size: 48px;}
		h2 { font-size:48px;}
		h3{ font-size:36px;} 
		h4{ font-size:28px;}
		h5{ font-size:24px;}
		h6{ font-size:19px;}
		
		h2.section-title, h3.section-title, h4.section-title{font-size:22px;}
		
		#content {/*font-size:18px;*/}
		
		hr{margin-top: 3em; margin-bottom: 3em;}
		/*------ Header ---------*/
		
		
		/*------ Sidebar Content --------*/
		
		
		/*----- Footer -----*/
		footer h4{font-size: 32px;}
		
		
		
		/*------------ Home Page ---------*/
		.home #page-intro-section h1.medium-title{font-size: 48px;}
		.home #page-intro-section h1.small-title{font-size: 36px;}
		
		
		/*----- Interior Pages -------*/
		.state-list{font-size: 18px;}
		
		/*----- Page Sections ------*/
		/***** Testimonial *****/
		.testimonial .card-rounded .quote{font-size: 28px;}
		
		/***** Slideshow Carousel ****/
		.carousel-item h2.slide-title{font-size: 18px;}
		/***** Carousel Stats *******/
		.stat-text{font-size: 24px;}
		.carousel-item .stat-item img{max-height: 25px;}
		
		/***** Event Archive *******/
		.event-list .card-news .card-head h4{font-size: 21px;}
		
		/****** Icon Lists ******/
		.icon-list-icon img{max-height: 45px;}
		
		/******** Pricing *******/
		.pricing-section .price{font-size: 80px;}
		.pricing-section .price-content, .pricing-section .list-intro, .pricing-section .price-list{font-size:16px;}
		
		/****** Two Column Bubble Image *****/
		.two_column_bubble_image h4{font-size: 26px;}
		
		/*----- MISC ------*/
		.extra-large-text{font-size: 60px;}
		.text-enlarged{font-size: 117.5%;}
		.text-enlarged-133{font-size: 133.333333%;}
		
		img.alignleft {float:left; display:inline; margin:5px 20px 15px 0; max-width:50%; height:auto;}
img.alignright {float:right; display:inline; margin:5px 0 15px 20px; max-width:50%; height:auto;}
}
		
		
/*--------------------------------------------------------------
16.3 Query lg - Over 992px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 992px) {
		
		/*----- Typography -------*/
		h1, h2.headline{font-size: 72px;}
		.page-builder h1{font-size: 54px;}
		h2 { font-size:54px;}
		h3{ font-size:42px;} 
		h4{ font-size:32px;}
		h5{ font-size:28px;}
		h6{ font-size:20px;}
		
		h2.section-title, h3.section-title, h4.section-title{font-size:24px;}
		
		/************* Buttons **********/
		button,.button, .buttonAlt, a.button,
		input[type="button"],
		input[type="submit"]{
		padding: 1em 1.5em;}
		
		/*------ Header ---------*/
		
		#intro-banner-section.default-banner h1{font-size: 54px;}
		
		/******** Navigation *******/
		
		#site-header #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{display: none;}
		
		/*--------------------------------------------------------------
12.2 Regular Content
--------------------------------------------------------------*/

		#content.site-content{padding-top: 102px;}
		/*------ Sidebar Content --------*/
		
		

		/*----- Footer -----*/
		footer h4{font-size: 36px;}
		
		/*------------ Home Page ---------*/
		.home #page-intro-section h1.medium-title{font-size: 54px;}
		.home #page-intro-section h1.small-title{font-size: 42px;}
		#home-about{font-size: 24px;}
		
		/*----- Interior Pages -------*/
		
		/*----- Page Sections ------*/
		#page-intro-section .intro-text{font-size: 21px;}
		
		/***** Testimonial *****/
		.testimonial .card-rounded .quote{font-size: 36px;}
		
		/****** Two Column Bubble Image *****/
		.two_column_bubble_image h4{font-size: 30px;}
		
		/**** News and Stories *****/
		
		/***** Gated Resourcer *****/
		#gated-section .side-content .bump-up{margin-top: -200px;}
		
		/******** Misc ********/

		.extra-large-text{font-size: 72px;}
		
		/*---------- Blog Section Single -----------*/
		#blog-intro-section h1, #resource-intro-section h1{font-size: 48px;}
		
    }

/*--------------------------------------------------------------
16.4 Query xl - Over 1200px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 1200px) {
		
		#content.site-content{padding-top: 114px;}
		
		/*----- Typography -------*/
		h1, h2.headline{font-size: 80px;}
		.page-builder h1{font-size: 60px;}
		h2 { font-size:60px;}
		h3{ font-size:48px;} 
		h4{ font-size:36px;}
		h5{ font-size:30px;}
		h6{ font-size:21px;}
		
		h2.section-title, h3.section-title, h4.section-title{font-size:30px;}
		.stat-text{ font-size:30px;}
		/*------ Header ---------*/
		#nav-con-submenu.makeStick{top: 98px;}
		.cob-title h4{ font-size:40px;}
		
		/*------ Sidebar Content --------*/
		
		
		/*----- Footer -----*/
		
		
		/*------------ Home Page ---------*/
		.home #page-intro-section h1.medium-title{font-size: 60px;}
		.home #page-intro-section h1.small-title{font-size: 50px;}
		
		/*----- Interior Pages -------*/
		
		/*----- Page Sections ------*/
		
		#intro-banner-section .intro-content{font-size: 24px;}
		
		/***** Slideshow Carousel ****/
		.carousel-item h2.slide-title{font-size: 21px;}
		/***** Carousel Stats *******/
		.stat-text{font-size: 30px;}
		.carousel-item .stat-item img{max-height: 30px;}
		
		/****** Two Column Bubble Image *****/
		.two_column_bubble_image h4{font-size: 32px;}
		
		/*---------- Blog Section Single -----------*/
		#blog-intro-section h1, #resource-intro-section h1{font-size: 48px;}
		
		
}

/*--------------------------------------------------------------
16.4 Query xxl - Over 1400px
--------------------------------------------------------------*/ 
    @media only screen and (min-width : 1400px) {
		
		.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
			max-width: 1320px;}
		
		/*----- Typography -------*/
		h1{}
		h2{}
		h3{} 
		h4{}
		h5{}
		h6{}
		
		/*------ Header ---------*/
		
		
		/*------ Sidebar Content --------*/
		
		
		/*----- Footer -----*/
		
		
		/*------------ Home Page ---------*/
		.home #page-intro-section h1.medium-title{font-size: 68px;}
		.home #page-intro-section h1.small-title{font-size: 56px;}
		
		/*----- Interior Pages -------*/
		
		/*----- Page Sections ------*/
		

		
}

/*--------------------------------------------------------------
17 Print
--------------------------------------------------------------*/
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}