/*Change navbar colors*/ #page-top .navbar-fixed-top { color: #000; background: #52143e; } /*change color on "My Courses" when hover/focus*/ .navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus { text-decoration: none; background-color: #853c6c; } /*replace image gradient for white to udemy gray*/ .intro, body#page-top { text-align: center; background: #dedfe0; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #ffffff, #dedfe0); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient( to right, #ffffff, #dedfe0 ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } #form-confirmation { background: rgba(255, 255, 255, 0); } /*Change text color for headers*/ h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; text-transform: uppercase; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: 1px; text-shadow: 1px 1px rgba(0, 0, 0, 0.1); color: #29303b; text-align: center; text-transform: none; } h3.brand-heading { font-size: 60px; } h3 { font-size: 60px; } /*change text in divs to match headers*/ .radio { color: #29303b; text-align: left; } /*Align text center for divs below navbar*/ div.page-scroll { text-align: center; } /*Change btn colors to match udemy colors*/ a.btn-circle, a.btn-circle-small { color: #ffffff; background-color: #6cccc7; } /*change colors on btns when hover*/ a.btn-circle:hover, a.btn-circle-small:hover { background-color: #007691; } .btn-circle:hover, .btn-circle-small:hover, .btn-circle:focus, .btn-circle-small:focus { outline: 0; color: #ffffff; background: #007691; } /*modify colors for question mark with link to course id info page*/ .fa-question-circle { color: rgba(0, 119, 145, 0.5); } /*modify last parragraph to match the rest of the text*/ div.row div.col-md-12 div { text-align: center; color: #29303b; } /*Make submit button similar to "Submit for Review"*/ .btn-huge { color: #fff; background-color: #ec5252; border: 1px solid transparent; margin-bottom: 50px; } .btn-huge:hover { color: #fff; background-color: #992337; border-color: transparent; } /*Modify Inputs*/ label.container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } label.container { padding-left: 30px; } /* Hide the browser's default radio button */ label.container input[type=radio] { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: rgba(108, 204, 199, 0.25); border-radius: 50%; } /* On mouse-over, add a grey background color */ label.container:hover input[type=radio] ~ .checkmark { background-color: rgba(108, 204, 199, 0.6); } /* When the radio button is checked, add a blue background */ label.container input[type=radio]:checked ~ .checkmark { background-color: #007691; } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ label.container input[type=radio]:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ label.container .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; } /*disclaimer1*/ #disclaimer1, #disclaimer2, #disclaimer3 { text-align: center; color: #29303b; background-color: #e6f2f5; padding: 5px; margin: 2px 0; } .disclaimer { background-color: none; text-align: left; color: #29303b; margin-top: 2em; font-size: 22px; padding-left: 3%; } p.disclaimer3 { text-align: left; color: #29303b; margin-bottom: 0; } #form-confirmation .intro-body .container { padding: 200px 0; text-align: center; width: auto; } .show-element { display: inline; } #wnt { font-size: 4em; padding-left: 3%; text-align: left; } .question-2 { text-align: left; font-size: 25px; margin-top: 30px; }