div.dnnRegistrationForm {
 margin: auto;
  width: 50%;
}

#dnn_ContentPane {
background-color: white; 
}

a.white{
  color:#FFFFFF;
}

/* GenContentEditor responsive styling */
@media screen and (max-width: 768px) {
.cofo-red-heading , .cofo-black-heading{
    margin: 0px 20px 0px 20px;
    width: 70% !important;
    }
.gencontenteditor-p {
        margin: 10px 20px 0px 20px;
}   
.responsive-table td {
    display: block;
}
}
.col-xl-5 d-flex justify-content-center respImage {
    overflow: hidden;
}

.genpagebuilder-decorativeELine {
    border-color: #710a2c !important;
}

.genpagebuilder-decorativeMLine {
    border-image: linear-gradient(to right, white 0%, white 40.5%, #710a2c 40.5%, #710a2c 59.55%, white 59.55%, white 99% ) 100% 1 !important;
}

.genpagebuilder-decorativeLLine {
    border-image: linear-gradient(to right, #710a2c 20%, white 20%) 100% 1 !important;
}

.contentChildren {
    margin: 5rem 0rem;
}
.custom-hero-hr {
    margin-right: 50%;
    border-color: white;
    color: white;
}
.headline {
    min-height: 55rem;
    background-size: cover;
    background-position: center center;
    position: relative;
    width:100%;
    padding: 2rem;
}

.right-docked-headline {
    min-height: 55rem;
    background-size: cover;
    background-position: center center;
    position: relative;
    width: 100%;
    height: auto;
    padding: 2rem;
}

.jumbotron-content {
    left:0;
    position: absolute;
    bottom: 4rem;
    width: 33%;
    background-color: #710a2c;
    color: white;
    padding: 2rem;
    padding-left: 5rem;
}
.jumbotron-content h1 {
    text-transform: uppercase;
    font-family: "Times New Roman", Times, serif;
    letter-spacing: 4px;
}
.headline-content {
    position: absolute;
    right: 0;
    bottom: 4rem;
    width: 33%;
    height: auto;
    background-color: #710a2c; 
    color: white; 
    padding: 2rem;
    padding-right: 5rem;
}

.mw-100 {
    max-width: 100%!important;
}

#mobileText {
    background-color: #710a2c;
    color: white;
    padding: 2rem;
}

#mobileText h1 {
    text-transform: uppercase;
    font-family: "Times New Roman", Times, serif;
    font-kerning: none;
}

#mobileText hr {
    border-color: white;
}


@media (min-width:993px) {
    #mobileImg {
        display:none;
    }
    #mobileText {
        display:none;
    }
}

@media (max-width:992px) {
    #desktop {
        display:none;
    }
}

.goalsLinkTitle {
    font-size: 2rem;
}
.goals-btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8rem;
  margin-bottom: 15rem;
  overflow: hidden;
}

.goals-btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.goals-btn-padding {
    margin-left: 3rem;
    margin-right: 3rem;
}

.goals-btn-img {
  width: 14rem;
  height: 14rem;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width:1200px) {
 .goals-btn-padding {
  margin-top: 4rem;
  margin-bottom: 4rem;
  margin-left: 0rem;
  margin-right: 0rem;
 }
 
 .goals-btn-group {
  padding: 70px 0;
  display: table-row;
  align-items: off;
  justify-content: off;
  margin-top: 8rem;
  margin-bottom: 15rem;
 }
}

.goals-btn-img > img {
  height: 100%;
  width: auto; 
}

.goals-btn-img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*background: rgba(112,10,44, 0.7);*/
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.tint1:before {
    /*Maroon*/
    background: rgba(112,10,44, 0.7);
}
.tint2:before {
    /*Blue*/
    background: rgba(58,128,155, 0.7);
}
.tint0:before {
    /*Black*/
    background: rgba(35,31,31, 0.7);
}
  
.goals-btn-img:hover:before {
    background: none;
}

.goals-header {
    letter-spacing: 4px;
    padding-top: 10rem;
    text-align: center;
    color: white;
    /*font-family: "Times New Roman", Times, serif;*/
}

.goals-header-hr {
    width: 20rem;
    border-color: rgb(112,10,44);
    color: white;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}
  
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
  
a.goals-link:link {
   color: white;
   text-decoration: none;
}
a.goals-link:visited
{
   color: white;
   text-decoration: none;
}

a.goals-link:hover {
   color: transparent;
   text-decoration: none;
   -moz-transition: all .3s linear;
   -webkit-transition: all .3s linear;
   -ms-transition: all .3s linear;
   -o-transition: all .3s linear;
}

a.goals-link:active {
   color: white;
   text-decoration: none;
}


/*Home Page Goals*/
.missionVisionAndGoalHR {
    background-color: white;
}
.image-circle-small svg{
    width:inherit;
    height:48px;
}
.img-circle-medium {
    max-width:150px;
    border-radius:50%;
    margin-bottom: 12%;
    margin-top: 1rem;
}
.header-col {
    text-align:left;
    color: white;
    padding: 3rem 0 3rem 0;
}

.header-col h1, .header-col h2 {
    font-size: 40px;
    font-family: Garamond, EB Garamond, Georgia, serif;
}
.body-col {
    text-align:left;
    background-color: #6C102A;
    color: white;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/* The following are rules for browsers that don't support flexbox, specifically IE9. The rules reely on the file `js/modernizr-custom.js` to run and add the style `.no-flexbox`. */

.no-flexbox .goal-icons .body-col {
    max-width: 100%;
}

.no-flexbox .goal-icons .body-col .row .col-sm {
    width:20%;
}

.body-col h3, .mobile-title {
    margin-top: 7%;
    text-transform: uppercase;
    font-size: 16px;
}
.body-col p {
    width: 85%;
}
.goal-icons a {
    color: white;
    text-decoration: none;
}
.goal-icons .mobile {
    display: none;
}
.goal-btn {
    border-width:  2px;
    border-style: solid;
    border-color: white;
    width: 100%;
    fill: white
}
a.goal-btn:hover {
    background-color: white;
    color: #6C102A;
}
a.goal-btn:hover .mobile-title{
    color: #6C102A;
}
.image-circle-small path{
    fill: white;
}

.goal-btn:hover .image-circle-small path {
    fill: #6C102A!important;
}

@media(max-width: 769px) {
    .body-col p {
        width: 95%;
    }
    .goal-icons br{
    display: none;
    }
    
    .body-col h6 {
    margin-top: 0;
    }
    
    .body-col {
    padding-top: 2rem;
    }
    
    .goal-icons .mobile {
    display: block;
    }
    .goal-icons .desktop {
    display: none;
    }
    .mobile .goal-btn .row {flex-wrap: nowrap;}
}
/*Home Page Goals*/

/*Home Page Video*/
.video-banner-wrapper {
    position: relative;
  /*  height: 37.5vw;*/
    
}
.video-banner-wrapper video {
    margin-bottom: -7px;/*
position:fixed ;*/
    z-index: -100;
}
.video-banner-wrapper .media-controls {
    position: absolute;
    top: 0;
    width: 100%; 
    height: 100%;
}
.media-controls i {
   height: 41px;
   width: 38px;
   
}
.play {
    background: url("https://static.cofo.edu/videos/play.png") no-repeat;
   
}
.pause {
     background: url("https://static.cofo.edu/videos/pause.png") no-repeat;
    
}
/*Home Page Video*/

/*BEGIN--Virtuous Forms Styling*/
.virtuous_header {
    text-align: center;
    background-color: #6c102a;
    color: white !Important;
    padding-bottom: 1rem;
}

.virtuous_button {
    display: inline-block;
    font-weight: 700;
    color: #1f1f1f;
    text-align: center;
    margin: auto !Important;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    width: 100%;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.v_fw {
    max-width: 900px !Important;
    margin: auto !Important;
}

.v_iw .btn {
    margin: auto !Important;
}

.btn {
    padding: 1rem .75rem;
}
/*END--Virtuous Forms Styling*/