/* Style Sheet compiled to showcase the varios supported content shifts for the University of Toronto Center for International Experience website.
ACF Pro, Wordpress Gutenberg & GhostKit Pro based Blocks styling. 
Color specific CSS is triggered by the designated css found in css/"name.css". Fully compiled in its relative locations. 

Context:

01. Accordion : Lines 19 - 44
02. FAQ Accordion : Lines 46 - 129
03. Embed Video : Lines 131 - 186
04. Image : Lines 188 - 250
05. Featured Title : Lines 252 - 288
06. Notification Bar : Lines 290 - 343
07. Breadcrumbs : Lines 345 - 397
08. Numbers : Lines 399 - 447
09. Tips : Lines 449 - 488
10. Alert : Lines 490 - 505
11. Background Stripe : Lines 507 - 569
12. Tabs : Lines 571 - 595
13. (WP-Core) Latest Posts : Lines 597 - 787
14. Callout Box : Lines 789 - 798
15. Carousel - Image & Quote : Lines 800 - 845
16. Ghostkit PRO : Lines 847 - 898
17. Gutenberg Specific : Lines 901 - 933

/* UoFt Block: Accordion */
.accordian—grey {
	color: #ebebeb !important;
}

.ghostkit-accordion-item-heading {
	position: relative;
  	display: block;
  	padding: var(--gkt-accordion--heading__padding-v) var(--gkt-accordion--heading__padding-h);
  	padding-right: var(--gkt-accordion--heading-collapse-icon__width);
  	font-weight: var(--gkt-accordion--heading__font-weight);
  	color: inherit;
  	text-decoration: none;
  	cursor: pointer;
  	border-bottom: none;
  	-webkit-box-shadow: none;
  	box-shadow: none;
}

.ghostkit-accordion-item-content {
	padding: 2em 4em 1em;
}

a.ghostkit-accordion-item-active {
	background-color: #20667a !important;
}


/* UoFt Block: FAQ Accordion */
.news_accordion {
	background-color: #f1e2d9 !important;
	margin: 1em 0;
}

.faq_accordion {
	background-color: #f1e2d9 !important;
	margin: 1em 0;
}

.faq_acc_icon {
	margin-bottom: 0rem;
  	margin-top: -2rem;
  	height: 140px;
  	padding: 5rem 5rem 3rem 3rem;
  	background-repeat: no-repeat;
  	background-size: contain;
  	background-position: left;
	background-image: url(/wp-content/themes/uoftdevelopmenttheme/assets/svg/FAQ_icon_news.svg);
}

.faq-accordion-heading_nest {
    margin: auto -2.4em;
    background-color: #faf5f2;
    width: 110%;
}

.faq_acc_icon_nest {
	padding: 5rem 5rem 3rem 2.2rem !important;
    margin-left: 1em;
    width: 94.6%;
}

.faq_acc_icon span h2 {
	margin: auto 3.5%;
}

.faq-accordion-heading {
	background-color: #faf5f2;
}

.faq_acc.ghostkit-accordion-item.ghostkit-accordion-item-active .news_acc.ghostkit-accordion-item-heading {
	background-color: #a33600;
	color: #fff;
	border: none;
}

.faq_acc.ghostkit-accordion-item.ghostkit-accordion-item-active .news_acc.ghostkit-accordion-item-heading a span {
	background-color: #a33600;
	color: #fff;
	border: none;
}

.faq_acc .ghostkit-accordion-item-collapse {
    position: absolute;
}

.news_acc {
	text-align: left;
	color: #555;
  	border-top: #555 solid 2px;
  	padding: 1em 2em;
 	font-weight: 800;
}

.news_acc a {
	text-decoration: none!important;
}

.news_accordion span.ghostkit-accordion-item-label {
  	font-weight: 900;
  	padding: 0px 0em;
  	text-decoration: none;
}

.news_accordion .ghostkit-accordion-item-active a span svg.ghostkit-svg-icon {
	color: #fff !important;
}

.news_accordion .ghostkit-accordion-item-active a.ghostkit-accordion-item-heading {
  	color: #fff !important;
  	background-color: #20667a !important;
  	border-top: none;
}

.news_accordion a.ghostkit-accordion-item-heading {
  	color: #555555 !important;
  	background-color: #ebebeb !important;
  	border-top: 1px solid #555555;
}

.news_accordion .ghostkit-accordion-item-active a.ghostkit-accordion-item-heading span {
  	color: #fff !important;
}

.news_accordion .ghostkit-accordion-item-active a.ghostkit-accordion-item-heading {
  	color: #fff !important;
  	background-color: #20667a !important;
  	border-top: none;
}

/* UoFt Block: Embed Video */
a.video-e {
	color: #fff;
  	font-family: 'Montserrat', sans-serif !important;
  	font-weight: 900 !important;
  	text-transform: uppercase;
  	text-decoration: none !important;
  	padding: 50px 0px;
  	line-height: 4.25rem;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.v-effect-link a:hover:before {
  	left: 0;
  	width: 100%;
}

.v-effect-link a:before {
  	content: "";
  	position: absolute;
  	width: 0;
  	height: .5px;
  	background-color: #c69f73;
  	bottom: calc(-1px);
  	right: 0;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

figure.container {
  	background-color: #5a7981 !important;
  	height: 120px;
  	max-width: 270px;
  	background-repeat: no-repeat;
  	background-position: center;
}

span.videoicon {
	background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    text-indent: -9999px;
    background-size: 180px auto;
    background-size: cover;
	-webkit-mask: url(/wp-content/uploads/2021/08/generic-video-1.svg) no-repeat 100% 100%;
  	mask: url(/wp-content/uploads/2021/08/generic-video-1.svg) no-repeat 100% 100%;
  	-webkit-mask-size: contain;
  	mask-size: contain;
  	background-color: #ffffff !important;
}

/* UofT Block: Image */
img.img-box {
  	width: 80%;
}

img.fold_left {
	border-radius: 240px 0px 0px 0px;
    background-position: center;
    background-size: contain;
}

img.fold_right {
	border-radius: 0px 240px 0px 0px;
    background-position: center;
    background-size: contain;
}

img.fold_none {
	border-radius: 0px 0px 0px 0px;
    background-position: center;
    background-size: contain;
}

img.img-car {
  	background-position: center;
  	background-size: cover;
 	height: 312px;
  	width: 527px;
}

img.img-box2 {
  	background-position: center;
  	background-size: cover;
  	height: 332px;
  	width: 590px;
}

img.lft-corner {
	border-radius: 0px 0px 0px 100px;
}

img.rgt-corner {
	border-radius: 0px 100px 0px 0px;
}

.box-full {
	display: flex;
	width: 100%;
	height: 8px;
	margin: 5px 0px 120px 0px;
}

.box-sm {
	height: 10px;
	margin: 0;
	flex-grow: 1;
	transition: all .8s ease-in-out;
	cursor: pointer;
}

.box-sm:hover {
	flex-grow: 12;
}

/* UofT Block: Featured Title */
.ft-block {
	padding: 0 .75rem;
}

.ft-button {
	height: 69px;
    font-size: 0.76rem;
    letter-spacing: .081rem;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.4rem;
}

.ft-info {
	background-color: rgba(19,68,85,.85);
    margin-bottom: -40px;
    margin-left: 1.15rem;
    padding: 40px 40px 0px 50px!important;
    border-radius: 0px 100px 0px 0px;
    width: 660px !important;
}

.ft-info h2 {
	color: #fff;
}

.ft-info p {
	color: #fff;
}

.ft-info-nb {
	background-color: rgba(19,68,85,.85);
    margin-bottom: -40px;
    padding: 88px 60px 74px;
    border-radius: 0px 100px 0px 0px;
    width: 660px;
}

.ft-info-nb h2 {
	color: #fff;
}

.ft-info-nb p {
	color: #fff;
}

/* UofT Block: Notification Bar */
#notification-alert {
	display: none;
}

.appear.collapsed-header {
	display: none;
	padding: .65re 2 rem;
	background-color: #050716;
}

.appear.collapsed-header {
	display: none !important;
	padding: .65rem 2rem;
	background-color: #196175;
}

.collapsed-header h6 {
	color: #fff;
	margin: 0rem 0;
	font-family: "Bembo" ;
	font-style: italic;
}

.push-down {
	background-color: #ffcaa8;
  	color: #fff;
 	height: 100%;
  	border: solid 1px;
  	border-color: #934010;
  	font-family: "Bembo" ;
  	padding: 0% 5% 0% 5%;
  	background-size: cover;
  	background-position: 50% 50%;
}

.push-down-inner {
	padding-top: 1rem;
}

.push-down-inner a,
.push-down-inner button,
.push-down-inner .button {
	float: right;
 	color: #934010 !important;
  	font-family: 'Montserrat', sans-serif !important;
  	font-weight: 900;
  	font-size: 85%;
  	text-decoration: none;
}

.push-down-inner button,
.push-down-inner .button {
	background-color: transparent;
	border: none;
}

.push-down-inner h2 {
	font-size: 1rem;
  	margin-top: 0%;
  	font-family: "Bembo" ;
  	letter-spacing: .08rem;
  	font-weight: 600;
  	color: #934010;
  	text-align: center;
}
.push-down-inner p {
	font-size: 1rem;
  margin-top: 0%;
  font-family: "Bembo" ;
  letter-spacing: .08rem;
  font-weight: 600;
  color: #934010;
  text-align: center;
}
/* UofT Block: Breadcrumbs */
.bc_row {
	margin-left: 17.5%;
    margin-right: 10%;
    margin-top: .75%;
    margin-bottom: 0;
}

.bclft_row {
    margin-top: 100px;
}

.breadcrumb {
	background-color: transparent !important;
	font-weight: 900 !important;
	text-transform: lowercase;
}
.ah-breadcrumb {
	background-color: transparent !important;
	font-weight: 900 !important;
	text-transform: lowercase;
	list-style-type: none;
  	margin: 0;
  	padding: 0;
}

.ah-breadcrumb li {
  	display: inline-block;
  	min-width: .15em;
  	margin: 0 0.35em;
 	color: #555555 !important;
  	font-weight: 700;
}
.ah-breadcrumb a {
  	text-decoration: underline;
  	display: block;
  	position: relative;
  	color: #4c6972;
  	padding:.5em 0
}

.ah-breadcrumb i.fa.fa-caret-right {
	color: #726d65 !important;
}

.ah-breadcrumb a:hover {
  	color: #c69f73;
}

/* UofT Block: Numbers */
.number-wrap {
  	padding: 1.8% 4% 2% 4%;
}

.number-wrap span {
	font-size: 5.875rem;
	font-family: 'trade-gothic-bold' !important;
	line-height: 1em;
}

.number-wrap h2 {
	font-size: 1.5rem;
	padding-bottom: 2rem;
}

.number-wrap p, .number-wrap li {
	text-align: left;
	width: 90%;
	line-height: 1.25rem;
    font-size: 1.05rem;
}

.hide-numbers {
	background-color: #eaf6f7 !important;
}

.hide-numbers h2 {
	line-height: .5;
}

.hide-numbers h2.mb-0 button.btn.btn-link {
	padding: 0px !important;
}

.hide-numbers .accordion>.card {
	background-color: #eaf6f7 !important;
	border: none;
	padding: 0 !important;
}

.hide-numbers .accordion .fa {
	color: #d0e6ec !important;
}

.hide-numbers .card-header {
	background: none !important;
    border-bottom: none !important;
    padding: 0 49.5%;
}

/* UofT Block: Tips Block */
.tip-wrap {
}

.tip-wrap p {
	font-style: italic;
	color: #20667a;
	font-weight: 900 !important;
}

.tip-wrap h3 {
	font-size: 1.15rem !important;
	letter-spacing: .18rem;
	padding: 16px 34px;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 900 !important;
 	text-transform: uppercase;
}

.tip-wrap.iss_callout h3,
.tip-wrap.iss_callout a {
	color: #196175;	
}

.tip-wrap.iss_callout a:hover {
	color: #0a58ca !important;
}

.tip-wrap ul {
	text-align: left;
}

.tip-wrap ul li {
	line-height: 1.3rem;
	margin-bottom: .25rem;
}

.tip-wrap-full {
	padding: 4rem 5rem 4rem 5rem;
}

.tip-wrap-inline {

}

.tip-wrap-small {
	padding: 2rem 3.7rem;
	border-radius: 110px 0px 110px 0px;
}
.tip-wrap-sidebar {
    padding: 2rem 2rem;
    margin-right: 1em;
	border-radius: 0px !important;
}

/* UoFt Block:  Alert */
.ghostkit-alert {
	border-radius: 0px !important;
	border: 2px solid;
	border-color: inherit;
}

.ghostkit-alert-icon {
	display: -webkit-box;
    margin-left: -78px;
    margin-right: 10px;
    background: #e8f3f6;
    width: 100px;
    padding: 0px !important;
    border-radius: 100px;
}

/* UofT Block:  Background Stripe */
a.bg-stripe p {
	color: #196175;
	font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    text-decoration: none !important;
    font-size: .85rem
}

a.bg-stripe {
	color: #196175;
	font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    text-decoration: none !important;
    line-height: 3rem;
}

.background-stripe .row {
	background-color: rgba(250,250,250,.85);
	padding: 30px;
	border-radius:  100px 0px 100px 0px;
}

.bg-stripe_col {
	padding: 0px 40px;
}

.bg-stripe_row {
	flex-direction: row;
    justify-content: center;
}

.bg-stripe_cols {
	padding: 0px 10px;
}

.icon.above {
	border-radius: 100px 0px 0px 0px;
    background-color: #d0e6ec;
    padding: 16px 20px;
}

.icon.below {
	border-radius: 0px 0px 100px 0px;
    background-color: #d0e6ec;
    padding: 16px 20px;
}
.icon.below a, .icon.above a {
	display: block;
}
.icon.below:hover, .icon.above:hover {
    background-color: #196175;
}
.icon.below:hover a, .icon.above:hover a {
	color: #fff;
	filter: brightness(0) invert(1);
}

.background-stripe .icons {
	height: 66px;
    width: 100px;
    background-size: 115px auto;
}

/* UofT Block: Tabs */
.ghostkit-tabs {
	border-radius:  none !important;
} 

.ghostkit-tabs-buttons-item, .kt-tabs-wrap .kt-title-item .kt-title-text {
    padding: var(--gkt-tabs--button__padding-v) var(--gkt-tabs--button__padding-h);
    margin-bottom: calc(-1 * var(--gkt-tabs--button__border-width));
    font-family: 'Montserrat', sans-serif !important;
  	font-weight: 800 !important;
  	text-transform: uppercase;
  	text-decoration: none !important;
    background-color: transparent;
    border: var(--gkt-tabs--button__border-width) solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.ghostkit-tabs-content {
	padding: 45px 40px 20px 40px;
}

.ghostkit-tabs-buttons {
	margin-bottom: 0px !important;
}

/* UofT Block (WP-Core) Latest Posts */
.news_primary {
	color: #fff !important;
}

.news_primary button,
.news_primary .button {
	color: #FFF !important;
	background-color: #a33600 !important;
	border: solid 4px #a33600 !important;
}

.news_primary button:hover,
.news_primary .button:hover {
	background-color: #FFF !important;
	border: solid 4px #a33600 !important;
}
.news_primary button:hover a,
.news_primary .button:hover a {
	color: #a33600 !important;
}
.news_primary a  {
	color: #FFF !important;
	font-family: 'Montserrat', sans-serif !important;
  	font-weight: 900 !important;
  	text-transform: uppercase;
  	text-decoration: none !important;
  	padding: 20px 8px;
}

.news_primary p {
	padding: 0 10%;
}

.news_primary span {
	color: #a33600 !important;
}

.nftitle {
	font-size: 1.125rem;
	font-family: 'trade-gothic-bold' !important;
	text-align: center;
	background-color: #f7cdb5;
	color: #a33600;
  	padding: 6px 20px 1px 24px;
  	widthwidth: 54%;
	text-transform: uppercase;
	text-align: left;
}

.nftitle:hover {
	font-size: 1.125rem;
	font-family: 'trade-gothic-bold' !important;
	text-align: center;
	background-color: #a33600;
	color: #fff;
  	padding: 6px 20px 1px 24px;
  	width: 54%;
	text-transform: uppercase;
	text-align: left;
}

.nf_carat {
	font-size: .6rem;
	margin-top: -.5rem;
}

.newsfeed {
	text-align: left;
}

.newsfeed p {
	padding: 10px 30px;
}

.nfeedgroup {
	padding: 20px 0px;
}

.nfeeditem {
	color: #fff;
  	background-color: #a33600;
  	border-radius: 100% 100%;
  	font-size: 0.813rem;
  	width: 130px;
  	height: 130px;
  	letter-spacing: .081rem;
  	padding: 16px 20px;
  	font-family: 'Montserrat', sans-serif;
  	font-weight: 900;
  	text-transform: uppercase;
  	border: 3px solid #a33600;
}

.newstitle {
	margin-left: -1em;
	text-transform: uppercase;
    font-family: 'trade-gothic-bold' !important;
    color: #a33600;
}

.newstitle a {
	text-transform: uppercase;
    font-family: 'trade-gothic-bold' !important;
    color: #a33600;
    text-decoration: none;
    background-color: #f6ceb6;
   	padding: 4px 0 2px 0;
}

.newstitle a:hover {
    color: #ffffff !important;
    background-color: #a33600;
}

.newstitle a i.fa.fa-caret-right {
   	margin-left: .8rem;
}

.newsitem {
    max-width: 140px;
    text-align: left;
    margin-bottom: 3rem;
    margin-top: -1rem;
    height: 140px;
    color: #a33600 !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    background-image: url(/wp-content/uploads/2021/08/number_icon_news.svg);
    min-width: 115px;
}

/**
.newsitem:hover {
  	background-image: url(/wp-content/uploads/2021/08/number_icon_newsh.svg);
  	color:#f7cdb5 !important;
}
*/

span.newsmonth {
	display: block;
	padding: 1.4rem 0 1rem 2rem;
    text-transform: uppercase;
    font-family: Montserrat;
    color: inherit;
    text-decoration: none;
    font-size: .65rem;
    line-height: 1.4rem;
    text-transform: uppercase !important;
    font-weight: 900 !important;
}

span.newsday {
	display: block;
 	padding: 0 0 1.2rem 2rem;
   text-transform: uppercase;
    font-family: 'trade-gothic-bold' !important;
    color: inherit;
    text-decoration: none;
    font-size: 4.5em;
    line-height: 0.35em;
}

span.newsyear {
	display: block;
	padding: 0.5rem 0 0 4.5rem;
    text-transform: uppercase;
    font-family: Montserrat;
    color: inherit;
    text-decoration: none;
    font-size: .85em;
    line-height: .25rem;
}

.dateblock {
    display: block;
    color: inherit;
    font-size: .8125em;
	padding-left: 5%;
}
/***
.dateblock:hover {
	color: #f7cdb5 !important;
}

time.dateblock:hover {
	color: #ffffff;
}
**/
.dates {
	color: #fff;
}

.newscontent {
	padding-left: 2em;
}

/* UofT Block:  Callout Box */
.textsquare {
	border-radius: 100px 0px 100px 0px;
}

.textsquare h5 {
	 font-family: 'Montserrat', sans-serif !important;
	 text-transform: uppercase;
	 font-weight: 700;
}

/* UofT Block:  Carousel - Image & Quote Block */
#quote-carousel {
  	padding: 0 10px 30px 10px;
  	margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control {
  	background: none;
  	color: #222;
  	font-size: 2.3em;
  	text-shadow: none;
  	margin-top: 30px;
}

/* Previous button  */
#quote-carousel .carousel-control.left {
  	left: -12px;
}

/* Next button  */
#quote-carousel .carousel-control.right {
  	right: -12px !important;
}

/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
  	right: 50%;
  	top: auto;
  	bottom: 0px;
  	margin-right: -19px;
}

/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {
  	background: #c0c0c0;
}

#quote-carousel .carousel-indicators .active {
  	background: #333333;
}

#quote-carousel img {
  	width: 250px;
  	height: 100px
}

/* UofT Ghostkit PRO - ACF Specific */
/* ---- Ghost Blocks --- */

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    display: none !important;
}


.ghostkit-text-uppercase {
    text-transform: uppercase;
    font-family: 'trade-gothic-bold' !important;
}

.ghostkit-text-uppercase strong {
	font-family: 'trade-gothic-bold' !important;
}

.ghostkit-carousel-arrow {
    border: none !important;
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #343433 !important;
    opacity: 100% !important;
}

.ghostkit-carousel-arrow[aria-disabled="true"] {
    opacity: 50% !important;
	cursor: default;
}

svg.ghostkit-svg-icon {
    display: inline-block;
    width: 2em;
    height: 1.7em;
    overflow: visible;
    font-size: inherit;
    vertical-align: -0.5em;
}

.ghostkit-form-field-label {
    margin: 0px 0px 40px 0;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.54;
    letter-spacing: 1.3px;
    text-align: left;
    color: #3b7d91;
}

.ghostkit-form-field-textarea {
    margin-top: 0px !important;
}

.faq-accordion .ghostkit-accordion-item-collapse {
	right: 0.5em;
}

.faq_acc .ghostkit-accordion-item-heading button {
	width: 100%;
}

.faq-accordion .ghostkit-accordion-item-heading.expanded {
	background-color: #a33600;
	color: #fff;
}

.faq-accordion .ghostkit-accordion-item-heading.expanded button,
.faq-accordion .ghostkit-accordion-item-collapse.expanded .news_acc {
	color: #fff;
}

.faq-accordion .ghostkit-accordion-item-heading.expanded .ghostkit-accordion-item-collapse {
	transform: rotate(90deg);
}

.faq-accordion svg.ghostkit-svg-icon {
	max-width: 18px;
}

/* UofT Gutenbeg Block Specific */
.wp-block-image img {
    max-width: 100%;
    margin: 0% 0%;
}

.wp-block-separator.is-style-wide {
    border-bottom-width: 4px;
	height: 4px !important;
}

.wp-block-quote {
    border-left:none;
    margin: 0px 1.75em;
    padding: 2em 2rem 1rem 2rem;
    width: 91%;
    text-align: left;
}

.wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer {
    color: currentColor;
    font-size: .925em;
    margin-top: .25em;
    position: relative;
    font-style: normal;
    float: right;
}

.wp-block-quote p {
    font-family: 'trade-gothic-bold' !important;
    font-size: 1.65rem;
    line-height: 2.23rem;
    letter-spacing: .0025rem;
}
.search-results #nav-above, .search-results #nav-below {
	display: none !important;
}
.search-results .pagination a, .search-results .pagination span {
	margin-right: 1em;
}

/*********Event Listing**********/
.ect-events-title a {
	text-transform: uppercase;
    font-family: 'trade-gothic-bold' !important;
    color: #8B6026;
    text-decoration: none;
    background-color: #FEF7E7;
    padding: 4px 0 2px 0;
}
.ect-events-title a:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	content: "\f0da";
    padding-left: 0.7em;
}
.ect-events-title a:hover {
    background-color: #F6CB61;
	color: #ffffff;
}
.ect-style-1-more, .ect-load-more {
	display: none !important;
}
.ect-event-details {
	padding-left: 1em;
}
.ect-event-date-tag {
    margin-bottom: 1.5rem;
    height: 140px;
    color: #8B6026 !important;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    background-image: url(/wp-content/uploads/icon-events.png);
    min-width: 140px;
}
.ect-event-datetimes {
	text-align: left !important;
}
.ev-mo {
    font-size: 12px !important;
	padding: 2.3rem 0 0rem 2rem;
}
.ev-day {
	    padding: 0rem 0 1rem 3rem;
	font-family: 'trade-gothic-bold' !important;
    font-size: 4.5em !important;
}
.ect-minimal-list-time {
    font-family: 'trade-gothic-bold' !important;
}
.events_primary {
	color: #fff !important;
}

.events_primary button,
.events_primary .button {
	color: #FFF !important;
	background-color: #F6CB61 !important;
	border: solid 4px #F6CB61 !important;
}

.events_primary button:hover,
.events_primary .button:hover {
	background-color: #FFF !important;
	border: solid 4px #F6CB61 !important;
}
.events_primary button:hover a,
.events_primary .button:hover a {
	color: #F6CB61 !important;
	color: #8B6026 !important;
}
.events_primary a  {
	color: #555556 !important;
	font-family: 'Montserrat', sans-serif !important;
  	font-weight: 900 !important;
  	text-transform: uppercase;
  	text-decoration: none !important;
  	padding: 20px 8px;
}

.events_primary p {
	padding: 0 10%;
}

.events_primary span {
	color: #F6CB61 !important;
}