/* ======================================
 * version 1.0.0
 *
 * http://cudenvertoday.org/
 *
 * cu-calls-to-action.css
 *
 * ======================================
*/
.cu-cta { 
    background-color: #333;
	
    text-align: left;
	
	display: grid;
	padding:15px;
	margin: 0 15px 15px 15px;
}

.cu-cta.light { 
    background-color: #FFF;
	border:1px solid #ddd;
}

.cu-cta.right {float: right; width:33.33%; margin-right:0; }
.cu-cta.left {float: left; width:33.33%; margin-left:0;}
.cu-cta.full {float: none; text-align: left; width:100%; display: inline-block; margin:0 auto 15px auto}
.cu-cta .leader {padding-bottom:15px; font-size:16px; color: #FFF;}
.cu-cta.light .leader {color: #333; font-size:22px; font-weight: 700; line-height: normal;}
.cu-cta.full .button {}
.cu-cta.full .leader {font-size:22px; padding-bottom:0; padding-top:12px;}
.cu-cta a { 
    width:100%;
	display: block;
	background-color: #c8ad6a;
	padding:10px;
   	font-size:20px;
	font-weight: 700;
    text-align: center;
	color: #000 !important;
}


@media screen and (max-width: 768px) {
    .cu-cta.full .leader {padding-bottom:15px !important; padding-top:0 !important;}	
}

@media screen and (max-width: 668px) {
    .cu-cta.full .leader {padding-bottom:15px !important; padding-top:0 !important;}
	.cu-cta, .cu-cta.left, .cu-cta.right  {width:50%;}
	.cu-cta a  {padding:8px;	font-size:16px; width:100%;}

}

@media screen and (max-width: 488px) {
    
	.cu-cta.right, .cu-cta.left, .cu-cta.full  {float: none; width:100%; margin:0 0 15px 0;}

}