﻿strong { font-weight: bold;}
.bottom-0 { margin-bottom:0 !important; }
.bottom-1 { margin-bottom:15px !important; }
.bottom-2 { margin-bottom:25px !important; }
.bottom-3 { margin-bottom:35px !important; }
.bottom-4 { margin-bottom:45px !important; }
.bottom-5 { margin-bottom:55px !important; }
.bottom-6 { margin-bottom:65px !important; }
.bottom-7 { margin-bottom:75px !important; }
.bottom-8 { margin-bottom:85px !important; }
.bottom-9 { margin-bottom:95px !important; }
.bottom-10 { margin-bottom:105px !important; }

.top-1 { margin-top:15px !important; }
.top-2 { margin-top:25px !important; }
.top-3 { margin-top:35px !important; }
.top-4 { margin-top:45px !important; }
.top-5 { margin-top:55px !important; }

.text-left {
  text-align: left !important; }
.text-right {
  text-align: right !important; }
.text-center {
  /*text-align: center !important; Exists in Bootstrap already*/ }
.text-justify {
  text-align: justify !important; }

@media only screen and (max-width : 576px) {
    .xs-bottom-0 { margin-bottom: 0 !important; }
  .xs-bottom-1 { margin-bottom:15px !important; }
  .xs-text-left { text-align: left !important; }
  .xs-text-right { text-align: right !important; }
  .xs-text-center { text-align: center !important; }
  .xs-text-justify { text-align: justify !important; }
}
@media (min-width: 576px) {
  .sm-bottom-0 { margin-bottom:0 !important; }
  .sm-text-left { text-align: left !important; }
  .sm-text-right { text-align: right !important; }
  .sm-text-center { text-align: center !important; }
  .sm-text-justify { text-align: justify !important; }
}
@media (min-width: 768px) {
  .md-text-left { text-align: left !important; }
  .md-text-right { text-align: right !important; }
  .md-text-center { text-align: center !important; }
  .md-text-justify { text-align: justify !important; }
}
@media (min-width: 992px) {
  .lg-text-left { text-align: left !important; }
  .lg-text-right { text-align: right !important; }
  .lg-text-center { text-align: center !important; }
  .lg-text-justify { text-align: justify !important; }
}

/* Bootstrap padding and margin extensions ******************************************************************************/

.pt-7 {
    padding-top: 4.5rem !important;
}
.pt-10 {
    padding-top: 6rem !important;
}
.pt-12 {
    padding-top: 8rem !important;
}
.pt-20 {
    padding-top: 13rem !important;
}
.pb-7 {
    padding-bottom: 4.5rem !important;
}
.pb-10 {
    padding-bottom: 6rem !important;
}
.pb-20 {
    padding-bottom: 12rem !important;
}
.padding-x-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}
.padding-x-0-25 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}
.padding-x-0-5 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}
@media (min-width: 768px) {
    .pt-md-8 {
        padding-top: 5rem !important;
    }
    .pt-md-10 {
        padding-top: 6rem !important;
    }
    .pt-md-20 {
        padding-top: 12rem !important;
    }
    .pt-md-40 {
        padding-top: 24rem !important;
    }
    .pb-md-8 {
        padding-bottom: 5rem !important;
    }
    .pb-md-10 {
        padding-bottom: 6rem !important;
    }
    .pb-md-15 {
        padding-bottom: 9rem !important;
    }
    .pb-md-20 {
        padding-bottom: 12rem !important;
    }
    .pb-md-40 {
        padding-bottom: 24rem !important;
    }
}
/* Bootstrap col-lg */
@media only screen and (min-width: 992px) {
    .pb-lg-8 {
        padding-bottom: 5rem !important;
    }
    .pb-lg-10 {
        padding-bottom: 6rem !important;
    }
    .pb-lg-15 {
        padding-bottom: 9rem !important;
    }
    .pb-lg-20 {
        padding-bottom: 12rem !important;
    }
    .pb-lg-40 {
        padding-bottom: 24rem !important;
    }
    .pt-lg-8 {
        padding-top: 5rem !important;
    }
    .pt-lg-10 {
        padding-top: 6rem !important;
    }
    .pt-lg-20 {
        padding-top: 12rem !important;
    }
    .mb-lg-8 {
        margin-bottom: 5rem !important;
    }
    .mb-lg-10 {
        margin-bottom: 6rem !important;
    }
    .mt-lg-8 {
        margin-top: 5rem !important;
    }
    .mt-lg-10 {
        margin-top: 6rem !important;
    }
}
/* Bootstrap col-xl */
@media only screen and (min-width: 1200px) {
    .pb-xl-8 {
        padding-bottom: 5rem !important;
    }
    .pb-xl-10 {
        padding-bottom: 6rem !important;
    }
    .pb-xl-15 {
        padding-bottom: 9rem !important;
    }
    .pb-xl-20 {
        padding-bottom: 12rem !important;
    }
    .pb-xl-40 {
        padding-bottom: 24rem !important;
    }
    .pt-xl-8 {
        padding-top: 5rem !important;
    }
    .pt-xl-10 {
        padding-top: 6rem !important;
    }
    .mb-xl-8 {
        margin-bottom: 5rem !important;
    }
    .mb-xl-10 {
        margin-bottom: 6rem !important;
    }
    .mt-xl-8 {
        margin-top: 5rem !important;
    }
    .mt-xl-10 {
        margin-top: 6rem !important;
    }
}
/* End Bootstrap padding and margin extensions ******************************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, h5, h6 {
	margin: 0 0 15px;
}

.display-inline-block {
    display: inline-block;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}
.w-33 {
    width: 33%;
 }
.cms-editor-panel {
    color: #000;
    background-color: gold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.cms-editor-panel h3 {
    color: #000;
}
.cms-editor-panel .btn-primary 
    {float:right;margin-left:20px;color: #fff; background-color: rgb(0,0,0); border:1px solid #fff;}
.cms-editor-panel .btn-primary:hover, .cms-editor-panel .btn-primary:focus, .cms-editor-panel .btn-primary:active, .cms-editor-panel .btn-primary.active 
    {color: #fff;background-color: #ee2e24;border:1px solid #ee2e24;}
.cms-label {
    background-color: gold !important;
    padding: 1rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
    float: none;
}

/* Callout */
.callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    border-left-color: red;
}
    .callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
        color: red;
    }
    .callout p:last-child {
        margin-bottom: 0;
    }
