/*Contains global classes that are unchanging between templates*/

/*Containers*/
.custom_template_top_filler {
    position: relative;
    float: left;
    width: 100%;
    height: 1px;
    margin-top: var(--header-height);
}
.header-type-relative .custom_template_top_filler {
    display: none;
}
.custom-template-section-padding-regular {
    padding: 30px;
    box-sizing: border-box;
}

.custom-template-section-padding-sides {
    padding: 0 30px 0 30px;
    box-sizing: border-box;
}

.custom-template-section-padding-sides-small {
    padding: 0 10px 0 10px;
    box-sizing: border-box;
}

.custom-template-section {
    position: relative;
}

.custom-template-section-100 {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
}

.custom-template-section-50 {
    width: 50%;
    box-sizing: border-box;
}

.custom-template-section-inline {
    position: relative;
    display: inline-block;
}

.custom-template-width-100 {
    width: 100%;
}

.dropdown-section,
.simple-text-section,
.text-image-section,
.info-cards-section,
.fact-box-section,
.contact-form-section,
.textfact-section,
.people-section,
.item-collection-section,
.text-text-section,
.text-video-section,
.banner-link-button-section {
    box-sizing: border-box;
    padding: 20px;
}

/*Graphics*/
.image-100-100 {
    max-width: 100%;
    max-height: 100%;
}

/*Text Content*/
.custom-template-text-100 {
    width: 100%;
    text-decoration: none;
}

/*Link button*/
.link-button{
    position: relative;
    display: block;
    min-width: 200px;
    box-sizing: border-box;
    padding: 15px 20px;
    border: solid 2px;
    text-decoration: none;
}
.link-button-left{
    float: left;
}
.link-button-right{
    float: right;
}
.link-button-inline-block {
    display: inline-block;
}