/* ------------------------------------------ /*
     - AC REFRESH COMPONENTS - 
/* ------------------------------------------ */

/* ------------------------------------------ /*
    WORK IN PROGRESS
/* ------------------------------------------ */



.container.landing-section-container#landing-main-area-widget {
max-width: 1400px !important;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
}

h2 		{ font-size: 1.95em; font-weight: 600; color: var(--primary-green); 	}
h3 		{ font-size: 1.5em;  font-weight: 600; color: #595959; margin: 20px 0 12px 0; }
h4 		{ font-size: 1.3rem; font-weight: 500; color: var(--primary-dark); 	}
h5,h6 	{ font-size: 1.2rem; font-weight: 400; color: var(--secondary-dark); 	}


div.ac-primary-text p {
margin: 0px 0px 30px 0px !important;
line-height: var(--main-text-line-height) !important;
}
.ac-primary-text-md.strong-text {
font-weight: 400 !important;   
}
.page-heading-title {
border-left: 1px solid #dadada;
margin: 0px 15px;
padding: 5px 15px;
display: inline !important;
font-size: 1.4em !important;
color: #8b8b8b !important;
font-weight: var(--main-text-weight-light) !important;
}
.ac-primary-text-sm .fa-angle-up {
font-size: 2em !important;
color: #8b8b8b;
display: inline-block;
transition: var(--smooth-ease);
}
.ac-primary-text-sm .fa-angle-up:hover {
color: var(--main-text-color);
transform: translateY(-5px);
}
.landing-section-container .flex-column-reverse {
padding: 0 15px;
}
.flex-column-reverse > * {
flex: 1 !important;
}
.ac-list li::before{
margin-top: .6em !important;
}
.links-sub-section {
margin-left: -30px !important;
}
.page-heading {
font-size: var(--page-heading-size);
font-weight: 600;
line-height: 1.3em !important;
margin-top: -20px;
margin-bottom: .1em !important;
}
.page-heading#inline-heading{
display: inline !important;
}
.ac-primary-text-sm {
color: var(--main-text-color);
font-size: var(--main-text-size-xs);
font-weight: var(--main-text-weight);
line-height: var(--main-text-line-height) !important;
padding: none !important;
transition: var(--smooth-ease);
}
.ac-primary-text-md {
color: var(--main-text-color);
font-size: var(--main-text-size-sm);
font-weight: var(--main-text-weight);
line-height: var(--main-text-line-height) !important;
}
.ac-primary-text {
color: var(--main-text-color);
font-size: var(--main-text-size);
font-weight: var(--main-text-weight);
line-height: var(--main-text-line-height) !important;
}
a .ac-primary-text {
color: var(--main-text-color);
font-weight: var(--main-text-weight);
line-height: var(--main-text-line-height) !important;
font-size: 1.2em !important;
}
.ac-primary-text a,
.ac-primary-text-sm a,
.ac-primary-text-md a {
color: var(--anchor-color);
font-weight: var(--main-text-weight-strong);
text-decoration: underline;
}
.ac-primary-text a:hover,
.ac-primary-text-sm a:hover,
.ac-primary-text-md a:hover {
color: var(--anchor-color-hover);
}
.section-header {
margin: 0 0 15px 0 !important;
padding: 20px 10px !important;
}
.section-divider {
border-top: var(--hr-heading-color);
background: #eaeaea !important;
margin: 30px 0 !important;
}
.heading-divider {
border-top: var(--hr-heading-color);
background: #eaeaea !important;
margin: var(--hr-heading-margin);
z-index: -1;
position:relative;
}
.sub-heading-divider {
border-top: var(--hr-heading-color);
background: #eaeaea !important;
margin: 10px auto !important;
width: 94%;
display: block;
}
.section-header {
margin: 0 0 15px 0 !important;
padding: 20px 10px !important;
}
.section-heading {
color: var(--secondary-green);
font-size: 2.1em;
font-weight: var(--main-text-weight-stronger) !important;
margin-bottom: .1em !important;
}
.sub-heading-lg {
color: var(--sub-heading-dark);
font-size: 1.75em !important;
font-weight: var(--main-text-weight-stronger);
line-height: 1.4em;
padding-bottom: 10px !important;
}
.sub-heading-green {
position: relative;
color: var(--sub-heading-green);
font-size: var(--main-text-size-sm);
font-weight: var(--main-text-weight-stronger);
text-align: left;
padding-top: 25px;
}
span.strong-text{
font-weight: 400 !important;
}

/* TOP HEADER (template overrides)
----------------------------------- */

.menu-local-nav-container #menu-local-nav ul.sub-menu,
#menu-local-nav ul.sub-menu { 
background-color: #2b2b2b !important;
background: #2b2b2b !important;
transition: var(--quick-linear);
border-radius: 0 0 10px 10px;
min-width: 300px;
flex-direction: column;
align-content: center;
align-items: flex-start;
justify-content: flex-start;
text-align: left;
padding: 0 !important;
margin-top: -1px;
}
.menu-local-nav-container #menu-local-nav ul.sub-menu li,
#menu-local-nav ul.sub-menu li { 
background-color: #2b2b2b !important;
background: #2b2b2b !important;
border-bottom: 1px solid #6a6a6a;
min-width: 300px !important;
padding: 6px 15px;
display: flex;
align-content: flex-start;
align-items: center;
justify-content: center;
}
.menu-local-nav-container #menu-local-nav ul.sub-menu li:last-child,
#menu-local-nav ul.sub-menu li:last-child { 
border-bottom: none !important;
border-radius: 0 0 10px 10px;
}
.menu-local-nav-container #menu-local-nav ul.sub-menu li a,
#menu-local-nav ul.sub-menu li a { 
width: 100%;
color: #fefefe !important;
padding: 0px 5px !important;
font-size: .95rem !important;
text-align: left !important;
font-weight: 300 !important;
min-height: 45px !important;
line-height: 1.3rem !important;
justify-content: flex-start !important;
}
.menu-local-nav-container #menu-local-nav ul.sub-menu li:hover,
#menu-local-nav ul.sub-menu li:hover,
.menu-local-nav-container #menu-local-nav ul.sub-menu li:hover > a,
#menu-local-nav ul.sub-menu li:hover > a {
text-decoration: none !important;
color: var(--main-text-color-dark) !important;
}

.menu-local-nav-container #menu-local-nav ul.sub-menu li:hover,
#menu-local-nav ul.sub-menu li:hover {
background-color: var(--main-text-color-darkest) !important;
color: var(--white) !important;
}
.menu-local-nav-container #menu-local-nav ul.sub-menu li a:hover,
#menu-local-nav ul.sub-menu li a:hover, 
.menu-local-nav-container #menu-local-nav ul.sub-menu li a:focus,
#menu-local-nav ul.sub-menu li a:focus, 
.menu-local-nav-container #menu-local-nav ul.sub-menu li a:visited,
#menu-local-nav ul.sub-menu li a:visited, 
.menu-local-nav-container #menu-local-nav ul.sub-menu li a.active,
#menu-local-nav ul.sub-menu li a.active { 
color: var(--white) !important;
text-decoration: underline !important;
}

/* -- MAX 880px -- */
@media screen and (max-width: 880px) {
	.menu-local-nav-container #menu-local-nav ul.sub-menu,
	#menu-local-nav ul.sub-menu { 
	border-radius: 0 !important;
	}
	.menu-local-nav-container #menu-local-nav ul.sub-menu,
	#menu-local-nav ul.sub-menu,
	.menu-local-nav-container #menu-local-nav ul.sub-menu li,
	#menu-local-nav ul.sub-menu li,
	.menu-local-nav-container #menu-local-nav ul.sub-menu li a,
	#menu-local-nav ul.sub-menu li a { 
	background-color: #3b3b3b !important;
	background: #3b3b3b !important;
	}
	.menu-local-nav-container #menu-local-nav ul.sub-menu li:last-child,
	#menu-local-nav ul.sub-menu li:last-child { 
	border-radius: 0 !important;
	}
	nav .menu li > ul.sub-menu.active li a,
	nav .menu li > ul.sub-menu.active li,
	nav .menu li > ul.sub-menu li a,
	nav .menu li > ul.sub-menu li {
	text-decoration: none !important;
	background-color: #3b3b3b !important;
	background: #3b3b3b !important;
	}
	nav .menu li > ul.sub-menu.active li a,
	ul.sub-menu li a {
	border-style: none !important;
	border: none !important;
	text-decoration: none !important;
	}
}



/* SLIDERS 
--------------- */

/** general slider styles **/
#mobile-slider-dots {
margin-bottom: 0px !important;
margin-top: 15px !important;
}
.slick-slide {
max-width: 100%;
}
.slick-dots li button {
font-size: 0;
}
.slider-controls div .slick-slider-dots {
position: relative;
bottom: 0px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
#mobile-slider-dots .slick-slider-mobile-dots {
position: relative;
bottom: 0px;
display: flex;
align-items: center;
z-index: 1;
}
.slider-controls div .slick-next,
.slider-controls div .slick-prev {
display: none !important;
}
.slider-controls div .slick-slider-dots ul,
#mobile-slider-dots .slick-slider-mobile-dots ul {
list-style: none;
margin: 0;
padding: 0 4px;
align-content: center;
vertical-align: middle;
align-items: center;
height: 40px;
}
.slider-controls div .slick-slider-dots ul li,
.slider-controls div .slick-dots li button,
#mobile-slider-dots .slick-slider-mobile-dots ul li,
#mobile-slider-dots .slick-slider-mobile-dots li button {
height: 24px !important;
width: 24px !important;
border-style: none !important;
background: transparent !important;
}
.slider-controls div .slick-slider-dots ul li:focus,
.slider-controls div .slick-dots li button:focus,
.slick-dots li button:focus {
outline: var(--focus-outline) !important;
}
.slider-controls div .slick-slider-dots ul li:focus:not(:focus-visible),
.slider-controls div .slick-dots li button:focus:not(:focus-visible),
.slick-dots li button:focus:not(:focus-visible) {
outline: none !important;
}
.slider-controls div .slick-slider-dots ul li,
#mobile-slider-dots .slick-slider-mobile-dots ul li {
margin: 0 6px;
background-color: #f1f1f1 !important;
border-radius: 50%;
opacity: .2;
transition: var(--smooth-ease);
}
.slider-controls div .slick-slider-dots ul li:hover,
#mobile-slider-dots .slick-slider-mobile-dots ul li:hover {
opacity: .7;
}
.slider-controls div .slick-slider-dots ul li.slick-active,
#mobile-slider-dots .slick-slider-mobile-dots ul li.slick-active {
background-color: var(--white) !important;
border-radius: 50%;
opacity: 1 !important;
outline: none !important;
}
.slider-controls div .slick-dots,
#mobile-slider-dots .slick-dots {
display: inline-flex !important;
position: initial !important;
width: 10% !important;
}
.slider-controls div .slick-dots li button::before,
#mobile-slider-dots .slick-dots li button::before {
content: none !important;
}
.slick-dotted.slick-slider {
margin-bottom: 0px !important;
}
.slider-controls div .slick-dotted.slick-slider {
margin-bottom: 0px !important; 
}
.slider-controls div .slick-slide button img {
display: inline-flex !important;
}
.slider-toggle.pause,
.slider-toggle-mobile.pause {
background-image: url("/wp-content/themes/algonquincollege2018/images/icns/icn-circle-btn-green-pause.png");
height: 29px;
width: 29px;
background-size: 29px;
background-repeat: no-repeat;
background-color: transparent;
border: none;
transition: var(--smooth-ease);
opacity: .8;
margin: 0px 5px !important;
will-change: transform;
}
.slider-toggle.play,
.slider-toggle-mobile.play {
background-image: url("/wp-content/themes/algonquincollege2018/images/icns/icn-circle-btn-green-play.png");
height: 29px;
width: 29px;
background-size: 29px;
background-repeat: no-repeat;
background-color: transparent;
border: none;
transition: var(--smooth-ease);
opacity: .7;
margin: 0px 5px !important;
}
.slider-toggle-mobile.pause,
.slider-toggle-mobile.play {
margin: 0 auto !important;
}
.slider-toggle.pause:hover, .slider-toggle.play:hover,
.slider-toggle-mobile.pause:hover, .slider-toggle-mobile.play:hover {
opacity: 1 !important;
}

/* -- SLICK SLIDER STYLES -- */

.slick-prev { left: -35px !important; }
.slick-next { right: -35px !important; }
.slick-prev, .slick-next {
width: 32px !important;
height: 32px !important;
}
.slick-prev::before,
.slick-next::before {
color: var(--secondary-green);
font-size: 32px !important;
opacity: .75;
}
.slick-prev:focus,
.slick-next:focus {
background: var(--lighter-green) !important;
background-color: var(--lighter-green) !important;
padding-top: 2px !important;
outline: var(--focus-outline) !important;
}
.slick-dots li button {
height: 18px !important;
width: 18px !important;
}
.slick-dots li {
margin: 0px 6px !important;
height: 25px !important;
width: 18px !important;
}
.slick-dots li:focus {
outline: var(--focus-outline);
}
.slick-dots li:focus:not(:focus-visible) {
outline: none !important;
}
.slick-arrows-container {
display: flex !important;
justify-content: center !important;
padding: 20px 0;
}
.slick-dots li button::before {
color: var(--primary-green) !important;
transition: var(--smooth-ease);
font-size: 17px !important;
transform: scale(1) !important;
}
.slick-dots li button:hover {
opacity: .75 !important;
transform: scale(1.1);
}
.slick-dots li button:focus {
outline: var(--focus-outline) !important;
}
.slick-dots li button:focus:not(:focus-visible) {
outline: none !important;
}
.slick-dots li.slick-active button {
transition: var(--smooth-ease);
transform: scale(1.1);
}

.slick-dots li.slick-active button::before {
color: var(--primary-green) !important;
transition: var(--smooth-ease);
opacity: .75 !important;
transform: scale(1.1);
outline: none !important;
}
.slick-dots li.slick-active button:hover {
color: var(--primary-green) !important;
opacity: 1 !important;
transform: scale(1.1) !important;
outline: none !important;
}
.slick-dots li.slick-active button:focus {
outline: var(--focus-outline) !important;
}
.slick-dots li.slick-active button:focus:not(:focus-visible) {
outline: none !important;
}
.slider-desktop {
position:relative;
}

/* -- RESPONSIVE MEDIA QUERIES -- */

/* -- MIN 881px -- */ 
@media screen and (min-width: 881px) {
	.slider-desktop {
	display: block;
	border-bottom: 1px solid var(--bg-light);
	}
	.slider-mobile {
	display: none;
	}
}  
/* -- MAX 880px -- */ 
@media screen and (max-width: 880px) {
	.slider-desktop {
	display: none;	
	}
	.slider-mobile {
	display: block;
	}
	.headerCombinedLogoLinkIcon .icon-algonquin::before {
	content: url(/wp-content/themes/algonquincollege2018/images/icns/icn-ac-logo.png) !important;
	}
}


/* TOP HEADER
----------------------------------- */

.textSiteTitle.alwaysOn {
max-width: 60%;
}
.textSiteTitle.alwaysOn h1 {
display: inline;
margin: 0px 0 0 0 !important;
float: left;
font-size: 1.55rem;
font-weight: 300;
}

/* new top header styles */
.ac-logo-icon .icon-algonquin {
font-size: 38px;
width: auto !important;
max-width: none !important;
color: var(--primary-green) !important;
}
.ac-logo-icon {
width: auto !important;
position: relative !important;
}
.header-logo-title .ac-logo-icon {
margin: 6px 0px 6px 0px;
}
.header-logo-title .header-title {
float: right !important;
}
.header-title h1 {
font-size: 1.8em;
font-weight: var(--main-text-weight-stronger);
margin: 0 0 0px 0 !important;
color: var(--primary-green);
line-height: 1em;
letter-spacing: -1px;
}
.header-logo-link {
width: 100%;
background-repeat: no-repeat;
display: inline-block;
text-decoration: none;
position: relative;
}
.header-logo-title {
width: 100%;
height: 65px;
display: flex;
justify-content: space-between;
align-items: center;
margin-right: auto;
margin-left: auto;
padding: 0px 0px;
transition: var(--quick-linear);
}
#col-logo.col {
max-width: 250px;
margin-bottom:0px;
padding-left: 0 !important;
padding-right: 0 !important;
}
#col-title.col {
display: flex;
justify-content: flex-end;
width: 100%;
margin-bottom: 0px;
padding-right: 5px !important;
padding-left: 5px !important;
}

/* -- RESPONSIVE MEDIA QUERIES -- */

/** -- MAX 1200px -- */        
@media screen and (max-width: 1200px) {
    .ac-logo-icon .icon-algonquin {
    /* font-size: 300%; */
    font-size: 36px;
    margin: 6px 0px 6px 0px;
    }
    .header-title h1 {
    font-size: 1.7em !important;
    }
    .textSiteTitle.alwaysOn h1 {
	font-size: 1.5rem;
	}
}
/** -- MAX 1024px -- */        
@media screen and (max-width: 1024px) {
    .textSiteTitle.alwaysOn h1 {
	font-size: 1.4rem;
	}
}
/** -- MAX 880px -- */        
@media screen and (max-width: 999px) {
	.header-logo-title {
	padding: 0px 0px !important;
	}
}
/** -- MAX 880px -- */        
@media screen and (max-width: 880px) {
	.header-logo-title {
	display: none !important;
	}
	.ac-logo-icon {
	display: block !important;
	}
	.ac-logo-icon .icon-algonquin {
	/* font-size: 270%; */
	font-size: 30px;
	}
	.header-title h1 {
	font-size: 1.55em !important;
	}
	.header-logo-title .ac-logo-icon {
	margin: 5px 0px 4px 0px;
	}
	#col-logo.col {
	max-width: 200px;
	}
}
/* -- MAX 575px -- */ 
@media screen and (max-width: 575px) {
	.ac-logo-icon .icon-algonquin {
	/* font-size: 250%; */
	font-size: 28px;
	}
	.header-title h1 {
	font-size: 1.45em !important;
	}
	.header-logo-title {
	display: none !important;
	}
}
/* -- MAX 480px -- */ 
@media screen and (max-width: 480px) {
	.ac-logo-icon .icon-algonquin {
	/* font-size: 250%; */
	font-size: 25px;
	}
	#col-logo.col {
	max-width: 150px;
	}
	#col-title.col, #col-logo.col {
	margin-bottom: -10px;
	}
	.header-title h1 {
	font-size: 1.05em !important;
	}
}

/* -- FOOTER (Template Overrides) -- */
	
footer.section-darker .footer-logo {
max-width: 275px !important;
}
/* HEADER
----------------------------------- */

.header-slide-wrapper {
display: flex;
padding: 0 !important;
margin-bottom: 0 !important;
background: linear-gradient(180deg, rgba(25, 130, 93,1) 10%, rgba(10, 92, 63,1) 100%);
}

/* -- NAVIGATION -- */
/* nav .custom-container {
padding-left: 0px !important;
padding-right: 0px !important;
} */

/* -- MOBILE HEADER -- */
.slider-mobile {
background: linear-gradient(130deg, rgba(25, 130, 93,1) 0%, rgba(10, 92, 63,1) 100%);
padding-bottom: 30px;
margin-top: 30px;
}
.slider-mobile-img-wrap {
-webkit-clip-path: var(--slant-banner-mobile);
clip-path: var(--slant-banner-mobile);
display: flex;
justify-content: center;
/* height: 38vh; */
height: 31vh;
/* min-height: 275px; */
width: 100%;
object-fit: cover;
z-index: 0;
margin-bottom: 0 !important;
/* margin-top: 30px !important; */
padding: 0 !important;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.slider-mobile-img-wrap img {
transition: var(--smooth-ease);
height: 40vh;
width: 100%;
object-fit: cover;
opacity: .9;
}
.banner-text-mobile {
text-align: left;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
align-content: center;
vertical-align: middle;
padding: 70px 25px 10px 25px;
width: 100%;
margin: 0 auto;
}
.ac-primary-text#slider-mobile-text {
margin: 0 0 5px 0 !important;
}
/* -- CALL TO ACTION BUTTON -- */
.cta-btn {
border-radius: 4px;
border: 2px solid var(--lighter-green);
color: var(--lighter-green);
display: inline-block;
margin: 0 .25em;
overflow: hidden;
padding: 24px 60px 24px 16px;
position: relative;
text-decoration: none;
line-height: 1;
}
.cta-icon {
text-align: center;
transition: all 300ms ease;
}
.cta-icon i {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.cta-btn::after {
content: '';
color: var(--lighter-green);
opacity: 0;
transition: opacity 300ms ease;
}
.cta-btn:hover > .btn-content {
right: 100%;
}
.cta-btn:hover > .cta-icon {
border-left: 0;
font-size: 1.8em;
width: 100%;
}
.cta-btn:hover > .btn::after {
opacity: .2;
}
.btn-content {
font-size: 1em;
line-height: 1.2;
padding: 0 26px;
position: relative;
right: 0;
transition: right 300ms ease;
display: block;
text-align: left;
}

/** -- MAX-WIDTH 480px -- */
@media screen and (max-width: 480px) {
	.slider-mobile-img-wrap img {
	height: 33vh;
	/* height: 43vh; */
	}
}

/* -- PROGRAM CARD -- */

.card-program-information .col {
margin-bottom: 2px !important;
}
.card-program-information-divider {
border-top: 1px solid var(--hr-heading-color) !important;
background: #eaeaea !important;
margin: 5px 0 25px 0 !important;
}
/** card styles **/
.card-program-information { 
background-color: var(--card-bg-color);
box-shadow: var(--card-shadow);
transition: var(--quick-linear);
border-radius: 10px;
width: 100%;
height: 100%;
align-content: center;
align-items: flex-end;
justify-content: center;
}
.card-program-information:hover {
background-color: var(--card-bg-color-hover);
box-shadow: var(--card-shadow-hover);
}

/** card styles **/
.col#card-lead-form {
display:flex;
width: 100%;
min-width: 675px;
z-index: 1;
position:relative;
}
#card-lead-form .card-program-information {
border: 1px solid #dddddd;
}
.cards-list {
list-style: none;
margin: 0 auto;
padding: 0px 0px;
}
.mini-card {
width: 100%;
background-color: var(--card-bg-color);
box-shadow: var(--card-shadow);
transition: var(--transition-bounce);
border-radius: var(--card-radius);
border: 1px solid #dddddd;
overflow: hidden;
will-change: transform;
}
.mini-card:hover {
background-color: var(--card-bg-color-hover);
box-shadow: var(--card-shadow-hover);
}
.mini-card-img-wrap {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
display: flex;
justify-content: center;
will-change: transform;
}
.mini-card-img {
transition: var(--smooth-ease);
/* height: 368px; */
width: 100%;
background-size: cover;
background-position: center;
background-repeat: none;
opacity: 1;
}
.cards-flex {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0;
}
.cards-flex .mini-card {
flex: 1 auto;
min-width: calc(100% / 3 - 26px);
max-width: calc(100% / 3 - 26px);
margin: 13px 13px 33px 13px;
overflow: hidden;
will-change: transform;
}
.cards-flex.flex-four .mini-card {
flex: 1 auto;
min-width: calc(100% / 4 - 26px);
max-width: calc(100% / 4 - 26px);
margin: 13px;
overflow: hidden;
will-change: transform;
}
.cards-flex.one-third-width-cards div.mini-card {
min-width: calc(100% / 3 - 26px) !important;
max-width: calc(100% / 3 - 26px) !important;
}
.cards-flex div.mini-card a {
text-decoration: none !important;
}

/* -- RESPONSIVE MEDIA QUERIES -- */

/* -- MAX 1024px -- */   
@media screen and (max-width: 1024px) {
	.cards-flex .mini-card {
	margin: 13px !important;
	}
	.mini-card-heading {
	font-size: 1.25rem;
	}
}
/* -- MAX 880px -- */   
@media screen and (max-width: 880px) {
	.cards-flex .mini-card,
	.cards-flex.one-third-width-cards .mini-card {
	flex: 1 1 50% !important;
	max-width: calc(100% / 2 - 26px) !important;
	}
	.cards-flex {
	padding: 0 5px 0 5px;
	}
}
/* -- MAX 767px -- */   
@media screen and (max-width: 767px) {
	.mini-card-heading {
	font-size: 1.15rem;
	}
}
/* -- MAX 575px -- */   
@media screen and (max-width: 575px) {
	.mini-card-cta {
	padding: 20px 10px 10px 10px;
	}
}
/* -- MAX 480px -- */   
@media screen and (max-width: 480px) {
	.cards-flex .mini-card,
	.cards-flex.one-third-width-cards .mini-card {
	flex: 1 1 100%  !important;
	max-width: 100%  !important;
	}
}