.main-content .dfd-masonry-container .dfd-isotope-item {
  max-width: 100% !important;
}

.main-content .main-page-content h1,
.main-content .main-content-column .container .main-page-content h1 {
  color:#00aeef;
  font-size:36px;
  line-height:42px;
  margin:0 0 20px 0;
  text-transform:uppercase;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 900;
  letter-spacing:1px;
}

.main-content .main-page-content h1 span,
.main-content .main-content-column .container .main-page-content  h1 span {
  display: block;
  font-family: 'Roboto', sans-serif;
  color:#666;
  font-weight:400;
  font-size:25px;
  line-height:25px;
  margin:0 0 20px 0;
}

.page-template-event_template .main-content h1 {
  color: #666;
}

.main-content .main-page-content p,
.main-content .main-content-column .container .main-page-content p,
.main-content .featured-contents p   {
  font-size:20px;
  line-height:35px;
  color:#000;
  margin:0 0 10px 0;
  font-family: 'Roboto', sans-serif;
}

.main-content .main-page-content p strong,
.main-content .main-content-column .container .main-page-content p strong,
.main-content .featured-contents p strong {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 25px;
  font-weight:700;
}

a.register-now,
a.register-now:link,
.main-content a.register-now,
.main-content a.register-now:link,
.main-content-column .container a.register-now,
.main-content-column .container a.register-now:link {
  background: #94d600;
  color: #ffffff;
  display: table;
  font-size: 20px;
  font-weight: 700;
  height: 40px;
  line-height: 28px;
  padding: 6px 5px;
  text-transform: uppercase;
  text-decoration: none;
  width:100%;
  margin: 0 0 10px 0 !important; 
  text-align: center;
}

a.register-now:hover,
.main-content a.register-now:hover,
.main-content-column .container a.register-now:hover {
  background: #00305e;
  color: #fff;
  text-decoration:none;
}

a.register-now.btn-blue,
a.register-now.btn-blue:link,
.main-content a.register-now.btn-blue,
.main-content a.register-now.btn-blue:link,
.main-content-column .container a.register-now.btn-blue,
.main-content-column .container a.register-now.btn-blue:link {
  background:#0039a6;
}

a.register-now.btn-blue:hover,
.main-content a.register-now.btn-blue:hover,
.main-content-column .container a.register-now.btn-blue:hover {
  background: #00aeef;
  color: #fff;
}

.category-grid {
  position: relative;
  line-height: 1px;
  float: left;
  width: 100%;
}

.category-grid p {
  margin: 0;
}

.category-grid img {
  width: 100%;
  height: auto;
}

.main-content .category-grid h3 {
  position: absolute;
  bottom: 12px;
  left: 27px;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 36px;
  color: #fff;
  font-family: "Roboto Condensed",sans-serif;
  font-weight: 700;
  text-shadow: 0 2px 3px #00305e;
  -webkit-text-shadow: 0 2px 3px #00305e;
  -moz-text-shadow: 0 2px 3px #00305e;
  -ms-text-shadow: 0 2px 3px #00305e;
  -o-text-shadow: 0 2px 3px #00305e;
  background-image: none;
  padding-left: 0; 
}

.category-grid h3 a,
.category-grid h3 a:link {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  font-family: "Roboto Condensed",sans-serif;
}

.category-grid.category-grid-right-align h3 {
  left: auto;
  right: 27px;
}

.sponsor-logo-inner .wpb_single_image {
  margin-bottom: 0;
} 

.wpb_content_element.event-grid {
  margin-bottom: 50px;
}

.event-grid h3,
.main-content-column .container h3,
.main-content h3 {
  font-family: "Roboto Condensed",sans-serif;
  font-size: 23px;
  line-height: 26px;
  text-transform: uppercase;
  color: #0039a6;
  font-weight: 700;
  padding: 13px 0 12px 68px;
  margin: 0 0 20px 0;
  background: url(../images/title-background.png) left top no-repeat;
}

.event-grid p,
.event-grid ul li,
.event-grid ol li,
.main-content ul li,
.main-content ol li,
.main-content-column .container p,
.main-content-column .container ul li,
.main-content-column .container ol li,
 p {
  font-size: 16px;
  line-height: 22px;
  font-family: 'Roboto', sans-serif;
  color: #000;
  margin: 0 0 15px 0;
}

.event-grid ul li,
.event-grid ol li,
.main-content-column .container ul li,
.main-content-column .container ol li,
.main-content ul li,
.main-content ol li {
  margin-bottom: 3px;
}

.event-grid ul,
.event-grid ol,
.main-content-column .container ul,
.main-content-column .container ol,
.main-content ul,
.main-content ol {
  margin: 0 0 20px 20px;
}

.event-grid p a,
.event-grid p a:link, 
.event-grid ul li a,
.event-grid ol li a, 
.event-grid ul li a:link,
.event-grid ol li a:link,
.main-content-column .container p a,
.main-content-column .container p a:link, 
.main-content-column .container ul li a,
.main-content-column .container ol li a, 
.main-content-column .container ul li a:link,
.main-content-column .container ol li a:link,
.main-content ul li a,
.main-content ol li a, 
.main-content ul li a:link,
.main-content ol li a:link,
.main-content ul li p a,
.main-content ul li p a:link,
.main-content ol li p a,
.main-content ol li p a:link, 
.main-content p a,
.main-content p a:link {
  color: #000;
  text-decoration: underline;
}

.event-grid p a:hover,
.event-grid ul li a:hover,
.event-grid ol li a:hover,
.main-content-column .container p a:hover,
.main-content-column .container ul li a:hover,
.main-content-column .container ol li a:hover,
.main-content ul li a:hover,
.main-content ol li a:hover,
.main-content ul li p a:hover,
.main-content ol li p a:hover, 
.main-content p a:hover {
  color: #0039a6;
  text-decoration: underline;
}

.event-grid blockquote,
.main-content-column .container blockquote {
  border-left: 0;
  font-size: 17px;
  margin: 0 0 15px 0;
  padding: 0 150px 0 50px;
}

.event-grid h1,
.event-grid h2,
.event-grid h3,
.event-grid h4,
.event-grid h5,
.event-grid h6,
.main-content-column .container h1,
.main-content-column .container h2,
.main-content-column .container h3,
.main-content-column .container h4,
.main-content-column .container h5,
.main-content-column .container h6,
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
  font-size: 23px;
  line-height: 30px;
  margin: 0 0 10px 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #0039a6;
}

.event-grid h2,
.main-content-column .container h2,
.main-content h2 {
  font-size: 22px;
  line-height: 28px;
}

.event-grid h3,
.main-content-column .container h3,
.main-content h3 {
  font-size: 21px;
  line-height: 27px;
}

.event-grid h4,
.main-content-column .container h4,
.main-content h4 {
  font-size: 20px;
  line-height: 26px;
}

.event-grid h5,
.main-content-column .container h5,
.main-content h5 {
  font-size: 19px;
  line-height: 25px;
}

.event-grid h6,
.main-content-column .container h6,
.main-content h6 {
  font-size: 17px;
  line-height: 22px;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #1f00b5;
}

.event-grid.break-work .wpb_wrapper p  {
  word-wrap: break-word !important;
  word-break: break-all !important;
  -webkit-word-break: break-all !important;
  -moz-word-break: break-all !important;
  -ms-word-break: break-all !important;
  -o-word-break: break-all !important;
}

.race-home-page-columns .event-grid p,
.race-home-page-columns .event-grid ul li,
.race-home-page-columns .event-grid ol li,
.main-content-column .container .race-home-page-columns p,
.main-content-column .container .race-home-page-columns ul li,
.main-content-column .container .race-home-page-columns ol li {
  font-size: 16px;
  line-height: 26px;
}

.race-home-page-columns .event-grid h4, 
.main-content-column .container .race-home-page-columns h4 {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 5px;
}

h2.inner-page-subtitle {
  margin: 0 0 20px 0;
  text-transform: uppercase;
}

img.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 0 auto;
  float: none;
}

img.alignleft,
img.alignnone {
  margin: 0 15px 10px 0 !important;
  float: left;
}

img.alignright {
  margin: 0 0 10px 15px !important;
  float: right;
}

.sponsor-logo-inner .vc_column-inner {
  padding-right: 10px !important;
  padding-left: 0 !important;
}

.sponsor-logo-inner .wpb_single_image img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.sponsor-logo-inner .wpb_single_image .vc_single_image-wrapper {
  display: table;
  height: 50px;
  line-height: 50px;
  max-width: 100%;
  vertical-align: middle;
}

body .vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner {
  margin: 0 2px;
}

@media (max-width: 991px) {
    
.event-grid blockquote, 
.main-content-column .container blockquote {
  padding: 0 40px 0 40px;
}    

.main-content .main-page-content h1,
.main-content .main-content-column .container .main-page-content h1  {
  font-size: 30px;
  line-height: 36px;
}

.main-content .main-page-content h1 span,
.main-content .main-content-column .container .main-page-content h1 span {
  font-size: 22px;
  line-height: 23px;
}

.widget_sidebar_product .col-sm-8.main-page-content .col-xs-3 {
  width: 33.3%;
}

a.register-now, 
a.register-now:link, 
.main-content-column .container a.register-now, 
.main-content-column .container a.register-now:link {
    display: block;
    font-size: 15px;
    height: auto;
    line-height: 20px;
    margin: 0 0 15px !important;
    padding: 5px 10px;
}  

.main-content .main-page-content p,
.main-content .main-content-column .container .main-page-content p,
.main-content .featured-contents p {
  font-size:16px;
  line-height:26px;
}

.main-content .main-page-content p strong,
.main-content .main-content-column .container .main-page-content p strong,
.main-content .featured-contents p strong {
  font-size:20px;
}


}

@media (max-width: 767px) {

.event-columns-wrapper .vc_column_container .vc_column-inner {
  padding:0 7px 0 7px !important;    
}    

.sponsor-logo-inner .vc_column-inner {
  padding:10px;    
}

.event-grid p,
.main-content-column p,
p {
  font-size:15px;
  line-height:19px;
}

.event-grid blockquote,
.main-content-column .container blockquote {
  font-size: 15px;
  padding: 0 50px 0 50px;
}
    
}

@media (max-width: 479px) {

.widget_sidebar_product .col-sm-8.main-page-content .col-xs-3 {
  width: 50%;
}  

.event-grid blockquote,
.main-content-column .container blockquote {
  padding: 0 20px 0 20px;
}
    
}
#complated-role-link{
float: right;
    width: auto;
    padding: 6px 11px;
}

#completedevents{
  outline: none;
}
