.site-title img {
 width: 50%; 
}

/* Module blue line */
.zippy-lesson-description hr {
	background-color: #3AA3D7;
    height: 8px;
}

.about-author {
   display: none;
}

/* */
.textarea.medium {
  resize: auto;
  overflow: auto;
}

/* Checklist */


.frontend-checklist p label {
    color: white;
    font-size: 100% !important;
    font-family: 'Merriweather', Georgia, serif;
    margin-left: 10%;
    margin-right: 10%;
    text-align: left;
}
  
.frontend-checklist p label a {
   color: white; 
}

.frontend-checklist p label input[type="checkbox"] {
    margin: 0 1.6rem 0 0;
    width: 20px;
    height: 19px;
}

/* For 2560x monitors */
@media (min-width: 1920px) {

	.blog-index .container, .blog-single .container, #top-banner.container {
		max-width: 85%;
		font-size: 150%;
	}

	h1, h2, h3, h4, h5, .aoc-breadcrumb {
		font-size: 150%;
	}
	
	.menu-item a {
		font-size: 115% !important;
	}
	
}



/* Calendar full */
#bigcalendar1, #afterbig1 {
width: 100% !important;
}

/* lower button text */
.text-next-bonus {
  font-size: 12px;
}

/* checkmark boxes */
.zippy-entry-complete .zippy-entry-title:before {
    content: " " !important;
}


.zippy-entry-title:after {
    display: inline-block;
    color: #0A58A6;
	padding-left: 8px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	content: "\f096";
}


.zippy-entry-complete .zippy-entry-title:after {
    color: #0A58A6;
	padding-left: 8px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f046";
}
	


/* global */
.padding-top-20 {
  padding-top: 20px; 
}

/* Make all front page links blue */
.inner a h3, .inner h3 a {
	color: #0758a5;
}



#menu-item-9650, #menu-item-9648, #menu-item-9647 {
    color: #0A58A6 !important;
    text-decoration: underline;
}

/* resize boxes */
.gform_boxresize {
    resize: both;
    overflow: auto; 
}

/**************************
=== Gform edits to be like website font ===
***************************/
.gfield_html, .gfield_label, .ginput_container, .ginput_container .ginput_container_radio{
    font-size:  17px !important;
    font-family: 'Merriweather', Georgia, serif  !important;
}

.gform_bold_question .gfield_label{
    font-weight: 900 !important; 
}

#field_124_4 p {
    line-height: 1.4;
}

form p {
    line-height: 2.2;
}

.gform_wrapper .gfield_description {
		font-size: 15px !important; 
}

/**************************
=== MODIFY ZIPPY'S COMPLETE BUTTON ===
***************************/
.rk-button {
     border-radius: 12px;
    text-shadow: 0px 1px #000000;
    color: white !important;
    font-size: 20px;
    font-family: 'Open Sans', 'Roboto', 'Lato';
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    padding: 5px;
    background-color: #8bbc44;
    border: 1px solid #8bbc44;
    border-bottom: 2px solid #007e70;
    text-align: center;
    text-decoration: none !important; 
}


.zippy-complete-entry-region {
  display: inline;
}
/*.zippy-button-primary {
  background-color: transparent !important;
  border: transparent !important;
  padding: 0px !important;
  margin: 0px !important;
  color: grey !important;
}

.zippy-button:hover {
    background-color: transparent;
}

.zippy-button-primary:hover {
    background-color: transparent !important;
    border: transparent !important;
}

*/

.zippy-button {
  font-size: 30px;
  padding: 0px;
  margin: 0px;
  display: inline;
}




.zippy-entry-complete-toggle {
  font-family: 'Open Sans', Verdana, sans-serif;
  color: #8bbc44 !important; 
  font-size: 25px !important;

}


/*******************************
Below video box special CSS 
******************************/
.jumptime img {
 border: 1px solid #0657a4; 
}

/* this is for the tabbed boxes */
a img {
	background: white;
}

.tab-content .second .inner a {
	color: white;
}


.row-nospace {
  margin-bottom: 0px !important;
}
/*
@media (min-width: 760px) {
.row-nospace > div {
    margin: 5px 0 0px;
  } */
  
.text-next-bonus {
 margin-top: 10px; 
}

@media (min-width: 760px){
  .content .column .button-container {
      position: inherit;
  }
}

@media (min-width: 760px) {
.content .column .button-container:before {
    content: "";
    display: block;
    /* position: static; */
    /* width: 100%; */
    height: 0px;
    /* height: 7.5rem; */
	}
}

.text-next-lesson {
  font-weight: 900;
}

/*
.blue-box {
    background-color: #e7f7ff;
    border: 2px solid #0a58a6;
    border-radius: 20px;
    font-size: 16px;
    margin: 25px;
}*/

.blue-box ul {
  list-style: none;
  font-weight: 900;
}

.blue-box ul li {
  margin-left: 15%;
  padding-left: 1.5em;
  position: relative;
  width: 85%;
  margin-bottom: 0px;
  margin-top: 10px;
}

.blue-box ul li a {
  color: white; 
}

.blue-box ul li:after {
  content: '';
  height: .4em;
  width: .4em;
  background: #8BBC44;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  top: .6em;
  left: 0;
}

.belowvid-title {
	  text-align: center;
    /*padding-top: 20px;*/
    font-weight: 700;
    font-size: 125%;
    /*text-decoration: underline; */
}

.belowvid-text {
	padding: 10px 10% 10px 10%;
	text-align: justify;
}

.list-downwards {
 display: initial; 
}

/* End of below video content */

.hide {
  display: none; 
}

/* this is for the zippy quizzes */
.text-center
{
text-align: center;
}

.popmake-content .narrow-container .image-right {
  margin-bottom: 0px;
}

.widget_nav_menu 
{
font-size: 18px !important;
}

/* This makes the audio/video content below the video look prettier - Added 17.09.26 */
#aoc-transcript-mp3 a {
  font-weight: 400;
  text-decoration: unset;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/* padding-top: 25px; */
	height: 0;
        border: 2px solid #cccccc;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


zippy-complete-entry-region 
{
    text-align: right;
}

.post-meta 
{ 
display: none !important;
}

.comments-title
{ 
display: none !important;
}


.nav-next 
{ 
font-size: 22px;
padding-bottom: 22px;
}

.nav-previous
{
    font-size: 14px;
}

/* this is for the zippy quizzes */
.zippy-quiz-results-buttons
{
text-align: center;
}

.zippy-retake-quiz-button
{
display: none !important;
}

.zippy-return-to-quiz-button
{
padding: 0px 50px 0px 0px;
font-size: 14px;
}

.zippy-quiz-next-entry-button
{
white-space: nowrap;
font-size: 22px;
}

.course-logos 
{
box-shadow: 5px 5px 5px #888888;
border: 1px solid black;
}

.widget_search 
{
display: none !important;
}

.zippy-entry-title
{
text-transform: capitalize !important;
}

#title-banner
{
margin-top: 0px !important;
}

.top10 {
top: 10px;
}

.font-size-small {
font-size: small;
}

.green-button {
background: green;
}

#aoc-question-footer {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 11;
}

.course-navigation-list .zippy-entry .zippy-entry-access {
text-transform: lowercase;
font-weight: initial;
font-style: italic;
}


.course-navigation-list .zippy-entry .zippy-entry-title {
font-weight: bold !important;
}

#footer-links {
display: none;
}

#aoc-menu {
    font-size: xx-large;
}

.gravityforms-indent-question {
padding-left: 40px;
}

.aoc-form-pdfs img {
border: 2px solid rgba(211, 211, 211, 0.66);
}

.item-border {
border: 3px solid rgba(211, 211, 211, 0.22);
}

.gquiz-correct-choice {
color: #8BBC44;
}

.box-blank-50 
{
  margin: 25px 0 25px 0;
 min-height: 15px;
}

.gf_step {
font-size: 120% !important;
color: #0A58A6;
}

.gf_step_pending {
    opacity: .5 !important;
}

//packed practicee
.pp-container {
    padding-bottom: 50px;
}

.packed-practice-p {
color: white;
}

//custom packed-practice menu
ul.packed-practice-menu {
// list-style-type: none;
// border: 1px solid green;
// background: #05478c;
// text-align: center;
}

ul.packed-practice-menu li {
  display: inline-block;
  font-size: 100%;
  margin: 0px !important;
  padding: 20px 20px 10px 0px;
}

ul.packed-practice-menu li a {
  text-decoration: none;
  color: white;
}

ul.packed-practice-menu li a:hover {
    color: #EA8232;
    font-weight: 900;
}

@media screen and (max-width: 599px) {
  ul.packed-practice-menu li {
    display: inherit;
  }

  ul.packed-practice-menu li a {
	  padding: 5px;
  }
}