/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 body {
     color: #234A9B;

 }
 .navbar.container {
     width: 100% !important;
     margin: 0 auto;
     max-width: 100% !important;
     padding-bottom: 10px;
 }
 .navbar {
     background-color: #FFF;
     border: none;
 }
 .navbar-header {
     width: 100%;
 }
#elogo img {
        display: block;
        margin: 0 auto;
}
#elogo {
    width: 100%;
    margin-bottom: 30px;
}
.webform-confirmation, .webform-submission-form {
    max-width: 500px;
    margin: 0 auto;
    padding: 50px;
}
h1 {
    margin: 0 auto !important;
    text-align: center;
        margin-bottom: 50px !important;
}
.h2 {
    margin: 0 auto !important;
    text-align: center;  

}
#comm {
    margin-top: 30px;
}
#pres {
    margin-top: 30px;
}
#equi {
    margin-top: 25px;
}

.dialog-off-canvas-main-canvas {
  background-image: url('/http/equality2020.equineteurope.org/themes/e2020/images/bgv.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}
.main-container  {
    background-color: rgba(255, 255, 255, 0.9);
}
.footer {
    margin: 0;
    width: 100%;
    background-color: #FFF;
}
.region-footer {
    max-width: 1170px;
    margin: 0 auto;
}
.main-container {
    padding: 7%;
    padding-top: 5%;
    padding-bottom: 5%;
}
#title {
    text-align: center;
    font-size: 20px;
}
#date {
    text-align: center;
    font-size: 20px;
}
#time {
    text-align: center;
    font-size: 18px;
}
#motto {
    text-align: center;
    font-size: 16px;
    margin-bottom: 50px;
}
#regbut {

    text-align: center;
    max-width: 250px;
    margin: 0 auto;
    margin-bottom: 100px;
}
#regbut a {
    font-size: 24px;
    background-color: #234A9B;
    padding: 15px;
    color: #FFF;
    text-decoration: none;
}
#regbut:hover {

    text-align: center;
    max-width: 250px;
    margin: 0 auto;
    margin-bottom: 100px;
}
#regbut a:hover {
    background-color: #FFF;
    padding: 15px;
    color: #234A9B;
    text-decoration: none;
}
#block-mainnavigation {
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 10px;
}
#block-mainnavigation a {
    color: #234A9B;
    font-size: 18px;
}
#block-mainnavigation .first {
    border-right: 1px solid;
}
.t {
    background-color: #FFF;
    padding: 5px;
    color: #234A9B;    
}
.tl-slide-content {
    padding-left: 0;
    padding-right: 0;
    width: 100% !important;
}
.tl-slide {
    padding: 50px;
    background-color: #FFF !important;
    color: #234A9B !important;
}
.tl-timeline {

    background-color: transparent !important;
    color: #234A9B !important;
}
.tl-text {
    width: 80% !important;
    max-width: 80% !important;
}
.tl-media {
    float: right !important;
    clear: both !important;
}
.tl-text p {
    color: #234A9B;
}

.more {
    background-color: #234A9B !important;
    padding: 10px;
    color: #FFF !important;
    text-decoration: none;
    margin-top: 20px;
    float: left;
}
.more a, .more a:visited, .more a:hover {
    color: #FFF !important;
    text-decoration: none !important;
}
.tl-timeline h2 {
    color: #234A9B;
    font-size: 20px !important;
    line-height: 24px !important;
}

.tl-timemarker-content-container {
    background-color: #234A9B !important;
    border: none !important;
    border-radius: 0 !important;
}
.tl-timemarker-timespan {
    height: 200px !important;
}
.tl-timemarker-text h2 {
    color: #FFF !important;
    font-size: 12px !important;
    line-height: 12px !important;
}
.tl-timemarker-media-container {
    display: none !important;
}
.tl-timeaxis {
    background-color: #F6D30A !important;
    color: #234A9B !important;
}
.tl-timeaxis-tick {
    color: #234A9B !important;
}
.tl-slidenav-content-container {
    background-color: #234A9B;
    width: 80px;
}
.tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-icon, .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-icon, .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-title, .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-title, .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-description, .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-description {
    color: #FFF !important;
    padding: 10px;
    line-height: 14px;
    opacity: 1;
    text-shadow: none !important;
}
.tl-slidenav-icon {
    display: none;
}
.Caselaw {
    border-left: 4px solid #818000 ;
    padding-left: 6px;
}
.European {
    border-left: 4px solid #308003 ;
    padding-left: 6px;
}
.Equinet {
    border-left: 4px solid #FAA504 ;
    padding-left: 6px;
}
.norm {
    padding: 0 !important;
    background-color: transparent !important;
    color: #234A9B !important;
}
.tl-storyslider {


}
#views-bootstrap-testimonies-page-1 .views-field-title {
    min-height: 120px;
    margin-top: 50px;
}
#views-bootstrap-testimonies-block-1 .views-field-body {
    min-height: 220px;
}
#views-bootstrap-testimonies-block-1 .views-field-title {
    min-height: 120px;
    margin-top: 50px;
}
.view-id-speakers img {
    float: left;
    margin-right: 5px;
}
.view-id-speakers .views-field-body {
    min-height: 250px;
}
.view-id-speakers .views-field-title {
    min-height: 100px;
}
#block-views-block-testimonies-block-3 {
    padding-bottom: 100px !important;
}
#block-views-block-testimonies-block-3 .block-title {
    margin: 0 auto !important;
    text-align: center;  
    font-size: 36px;
    margin-bottom: 50px;
}