/*!
 * Gutenberg styles
*/

@import "defaults.css";


/* Defaults
--------------------------------------------- */
.wp-block-button__link {
	display: inline-block;
	padding: 13px 25px;
	margin: 0;
	font-size: 16px;
	line-height: 1.5em;
	color: #fff;
	background: var(--color-buttons-main);
	border: none;
	border-radius: 25px;
}

.wp-block-button__link:hover {
	color: #fff;
	background: var(--color-buttons-hover);
	text-decoration: none;
}

.wp-block {
	max-width: 1200px;
}

.fullWidth .wp-block {
	max-width: 100%;
}

.uagb-columns__inner-wrap {
    max-width: 100% !important;
}

.uagb-section__inner-wrap {
    max-width: 1180px !important;
}

.uagb-section__inner-wrap .wp-block-uagb-columns {
    padding: 0;
    margin-left: -10px;
    margin-right: -10px;
}

.wp-block-button .wp-block-button__link {
	border-radius: 30px;
}

.wp-block-button.is-style-fill .wp-block-button__link {
	background: var(--color-buttons-main);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	color: var(--color-buttons-main);
	border-color: var(--color-buttons-main);
}

.wp-block-button .wp-block-button__link:hover {
	color: #fff;
	background: var(--color-buttons-hover);
	border-color: var(--color-buttons-hover);
	text-decoration: none;
}


/* Styled Lists
--------------------------------------------- */
.styled,
.styled_steps {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.styled li,
.styled_steps li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
}

ol.styled li,
ol.styled_steps li {
	counter-increment: inst;
}

.styled li:before,
.styled_steps li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    background: #00a771;
}

ul.styled li:before {
	content: 'L';
	font-family: 'Arial';
	font-weight: 400;
	width: 26px;
    height: 26px;
    line-height: 26px;
	-ms-transform: scaleX(-1) rotate(-37deg);
    -webkit-transform: scaleX(-1) rotate(-37deg);
    transform: scaleX(-1) rotate(-37deg);
}

ol.styled li:before,
ol.styled_steps li:before {
	content: counter(inst);
}

.styled li:hover:before,
.styled_steps li:hover:before {
	background: #111;
}

.styled_steps li:not(:last-child):after {
    content: '';
    position: absolute;
    top: 36px;
    left: 13px;
    width: 1px;
    height: calc(100% - 20px);
    background: #b2bcc1;
}

.styled_steps li:not(:last-child) {
    margin-bottom: 20px;
}

/* Tables
--------------------------------------------- */
.wp-block-table table {
  border-collapse: collapse;
}

.wp-block-table table th {
  background: #edf1f3;
}

.wp-block-table table th,
.wp-block-table table td {
  border: 1px solid #e1e6e8;
  padding: 15px 25px;
  text-align: inherit;
}

.wp-block-table table tr:hover {
  background: #edf1f3;
}


/* Insurance Wizard
--------------------------------------------- */
.uk-input,
.uk-select,
.uk-textarea,
#insurance_types li {
	color: #111;
	border-radius: 5px;
	border: 1px solid #b0b9c1;
	width: 100%;
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
	border-color: #111;
}

.uk-form-control .uk-form-label {
    position: absolute;
    color: #7e8993;
    background: #fff;
    padding: 0 10px;
    left: 55px;
    top: -10px;
    line-height: 20px;
    font-size: 12px;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
}

.uk-form-icon ~ .uk-select {
    padding-left: 60px!important;
}

.uk-form-icon:not(.uk-form-icon-flip)~.uk-input {
    padding-left: 60px !important;
}

.uk-form-icon {
    width: 60px;
}

.uk-input.error,
.uk-select.error,
.uk-textarea.error {
	border-color: #F44336;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	background: transparent;
}

/* TOC Styles
--------------------------------------------- */
.wp-block-uagb-table-of-contents .uagb-toc__wrap {
    width: 100%;
    color: #111;
    background: #f1f5f7;
}

.uagb-toc__wrap ul.uagb-toc__list {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 16px;
    text-align: left;
}

.uagb-toc__wrap ul.uagb-toc__list li {
    counter-increment: inst;
}

.uagb-toc__wrap ul.uagb-toc__list li:before {
    content: counter(inst)'.';
    margin-right: 6px;
}


.wp-block-separator {
    border: none;
    border-bottom: 2px solid #8f98a1;
    margin: 30px auto;
    max-width: 100px;
}

.wp-block-separator.is-style-wide {
	max-width: 100%;
}

.wp-block-separator.is-style-dotted {
	border-bottom: 2px dotted #8f98a1;
	max-width: 100%;
}


/* RESPONSIVE STYLES
--------------------------------------------- */
@media (max-width: 1200px) {
	.uagb-section__inner-wrap {
		max-width: 100% !important;
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media screen and (min-width: 992px) {
	.entry-content:not(.sidebar-layout) .alignwide	{
		margin-left: -15%;
		margin-right: -15%;
		max-width: 130%;
	}
	.wp-block[data-align*="wide"]	{
		max-width: 1400px;
	}
	.entry-content:not(.sidebar-layout) .alignfull {
		width:  100vw;
        max-width:  100vw;
        margin-left:  calc(50% - 50vw - 10px);
        margin-right:  calc(50% - 50vw - 10px);
	}
}

@media (max-width: 768px) {
	.uagb-section__inner-wrap {
		padding-left: 0px;
		padding-right: 0px;
	}
}