/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*LMS-course.css
 * To offer additional styling for Course Listing and Detail pages.
 * */

 /* Dark orange #c35425. Dark Blue #003DA5. Illustrative (non contrasting) light orange #e77b18 */


#lms-login-or-register { display:absolute; border:5px solid #555; padding:1rem; }

.modalpane {
    z-index: 10;
    /*display: none;*/
    /*padding-top: 100px;*/
    position: fixed;
    left: -1.1rem;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modalpane .modalcontent { top:100px; height:auto; min-height:100px; min-width:200px; z-index: 11; margin:auto;
  background-color:#fff; 
  position:relative; 
  padding:1.4rem; 
  max-width:600px;
  width:50%; 
  border:2px solid #444;
  border-radius:20px;
  box-shadow: 5px 5px 5px rgba(0 0 0 / 50%);
}

.modalpane h2, .modalpane h3, .modalpane h4, .modalpane h5 { margin-top:0.1rem; font-size:unset; }
.modalpane h3 { margin-top:1.5rem; margin-bottom:0.5rem;  padding:0; font-weight:500; }

.modalpane .modalcontent .modal-topbox {  }
.modalpane .modalcontent h2 { margin:0.25rem auto 1rem auto; border-bottom:3px double #DDD; }
    .modalpane .modalcontent h2:after { display:none; }
.modalpane .modalcontent h3 { margin:0.25rem auto 0.75rem auto; }
    .modalpane .modalcontent h3:after { display:none; }

.modalpane .modalcontent .lms-login-form-box,
.modalpane .modalcontent .lms-register-form-box { margin-top:1.4rem; Xbackground:#EEE; border:1px solid #DDD; padding:0.5rem; border-radius:0.5rem; }
.modalpane .modalcontent .lms-login-form-box h3,
.modalpane .modalcontent .lms-register-form-box h3 { text-shadow: 1px 1px 2px rgba(0 0 0 / 25%); }

.modalcloser { position:absolute; top:0; right:0; padding:0.25rem 1rem; background-color:#DDD; color:black; font-size:smaller; border:none !important; border-radius:0 16px; }

a.modalcloser, a.modalcloser:link, a.modalcloser:visited { color:#444; text-decoration:none; }
a.modalcloser:hover, a.modalcloser:active, a.modalcloser:focus  { color:white; background-color:#444; text-decoration:underline; outline:none; }




.lmsbutton  {
  background-color: #003DA5; 
  padding:0.45em 1em; border: 1px solid #003DA5; color:white; border-radius:1em; 
  font-weight: 700;
  font-size:1em;
  -webkit-appearance: none; /* GH This should get rid of weird webkit submit button appearance on iphones etc. */
}

.lmsbutton:hover, .lmsbutton:focus {
  background-color: #fff;
  color:#003DA5; 
}


.modalpane .lmsbutton  {
  background-color: #c35425; 
  padding:0.45em 1em; border: 1px solid #c35425; color:white; border-radius:1em; 
  font-weight: 700;
  font-size:1em;
  -webkit-appearance: none; /* GH This should get rid of weird webkit submit button appearance on iphones etc. */
}

.modalpane .lmsbutton:hover, .modalpane .lmsbutton:focus {
  background-color: #fff;
  color:#c35425; 
}



.modalpane .inputrow { margin-bottom:0.7rem; max-width:99%; }
.modalpane .inputrow label { font-weight:500; color:#444; }

#lms_errorbox  { color:brown; border:1px solid brown; margin-top:0.5rem; padding:0.5rem; }
#lms_errorbox:before {
    content: "!";
    display: inline-block;
    font-weight: 900;
    font-size: 2rem;
    margin: auto 0.5rem auto auto;
    width: 1.5rem;
    outline: 1px solid brown;
    text-align: center;
    vertical-align: text-top;
}

#lms_infobox   { color:#003da5; border:1px solid #003da5; margin-top:0.5rem; padding:0.5rem; }
#lms_infobox:before {
    content: "i";
    display: inline-block;
    font-weight: 900;
    font-size: 2rem;
    margin: auto 0.5rem auto auto;
    width: 1.5rem;
    outline: 1px solid #003da5;
    text-align: center;
    vertical-align: text-top;
}




/* -----------------------------------
 * start: TEMPLATE STYLES
 * ----------------------------------- */
#upper-box {
  /*border:3px solid blue; */
  min-height:300px; 
  
  /* ribbon related */
  position:relative;
  width:calc(100% - 2rem - 30px); /* full width - Padding - Ribben indent/dedent Pixels needed */
  /* ribbon related */
  
  background-color:black;
  color:white;
  background-repeat:no-repeat;
  background-position: center center; /* optional, center the image */ 
  /*background-size: cover;*/ /* contain, cover */
  text-align:center;
  vertical-align:middle;
  padding: 2rem;
  /*margin-bottom:1rem;*/
}


#upper-box h1, #upper-box h2, #upper-box h3 { color:white; text-align:center; }
#upper-box h1:after { display:none; }
#upper-box h2:after { display:none; }
#upper-box h3:after { display:none; }


.bigger { font-size:larger; }
/* DARK ORANGE: #cd4706 */
.orangebutton { background-color:#cd4706; color:white; border:1px solid white; padding:0.5rem 1rem; }
.orangebutton:hover, .orangebutton:focus, .orangebutton:active { color:#cd4706; border-color:#cd4706; background-color:white; }

#upper-box .orangebutton, .orangebutton.large { font-size:larger; }



/* REFERENCES:
 * -----------------------------------------
 *  On CONTAINER box ELEMENT
 * -------------------------
 * flex-direction:row | row-reverse | column | column-reverse;
 * display:flex | inline-flex;
 * flex-wrap: nowrap | wrap | wrap-reverse;
 * justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;
 * align-items: stretch | flex-start | flex-end | center | baseline | first baseline | last baseline | start | end | self-start | self-end + ... safe | unsafe;
 * gap: 10px;
 * gap: 10px 20px;   row-gap column gap
 * row-gap: 10px;
 * column-gap: 20px;
 * 
 * On Item Elements
 * ---------------------
 * flex: 0 1 auto       flex-grow, flex-shrink and flex-basis
 * ----------------------------------------- */

/* Container for UL.lms_anchormenu */
.link_list_module { position:relative; }
.lms-anchormenu-box { position:absolute; right:10px; top:-11rem; z-index:3; }
.lms-anchormenu-box li { font-size:16px !important; }

   
.lms-anchormenu-box ul, .lms-anchormenu-box ol { list-style-type:none; margin:0; padding:0; text-align:left; background-color:white;
  display:flex; flex-direction:column;  justify-content:space-evenly; /*flex-wrap:wrap; align-items:stretch; */
  border:1px solid #333; 
}

.lms-anchormenu-box ul li, .lms-anchormenu-box ol li {
  padding:0;
  border-bottom:1px solid #333;
}
.lms-anchormenu-box ul li:last-child, .lms-anchormenu-box ol li:last-child { border-bottom:none; }

.lms-anchormenu-box ul li a, .lms-anchormenu-box ol li a,
.lms-anchormenu-box ul li a:link, .lms-anchormenu-box ol li a:link,
.lms-anchormenu-box ul li a:visited, .lms-anchormenu-box ol li a:visited {
  display:inline-block;
  height:100%;
  width:calc(100% - 1rem);
  text-decoration:none;
  color:#444;
  border-bottom: none;
  background-color:white; /* rgba(250,220,200,1) */
  padding:0.1rem 0.5rem;
}

.lms-anchormenu-box ul li a:hover, .lms-anchormenu-box ol li a:hover,
.lms-anchormenu-box ul li a:focus, .lms-anchormenu-box  ol li a:focus,
.lms-anchormenu-box ul li a:active, .lms-anchormenu-box ol li a:active {
  background-color:#444;
  color:white;
}

.lms-anchormenu-box ul li button, .lms-anchormenu-box ol li button { display:block; width:100%; }



/* RIBBON CORNER ADORNMENTS
 * ============================================ */

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #9a2a04; /* DARKER orange for shadowed orange: #9a2a04 */ /* blue #2980b9 */
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #cd4706; /* #3498db */
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}


/* Orange Ribbon */
.ribbon.blue::before,
.ribbon.blue::after {  border: 5px solid #9a2a04; }
.ribbon.blue span { background-color: #cd4706; } 
/* end: Orange Ribbon */

/* Blue Ribbon */
.ribbon.blue::before,
.ribbon.blue::after {  border: 5px solid #032E77; }
.ribbon.blue span { background-color: #003DA5; } 
/* end: Blue Ribbon */


/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(45deg); /* TEXT-orientation 225deg */
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-45deg); /* TEXT-orientation -225deg */
}

/* ============================================ 
 * end: RIBBON CORNER ADORNMENTS */




.maincontent h2 { text-align:center; position:relative; margin-bottom:2rem; }
.maincontent h2::after { content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -0.5rem;
    Xheight: 5px;
    width: 3rem;
    border-top: 0.2rem solid #cd4706; }


.maincontent .subpage_richcontent_2 { display:block; margin-top:2.5rem; }
/* -----------------------------------
 * end: TEMPLATE STYLES
 * ----------------------------------- */




/* -----------------------------------
 * start: MODULE STYLES
 * ----------------------------------- */


/* Module: Accordion Items
 * ----------------------------- */
.accordions_module_box { margin:4rem auto; } /* Box holding entire Accordion Items module contents. */

.accordions_module_box .accordions_list { list-style-type:none; margin:0; padding:0; } /*  THE UL or OL tage being used for structure. */

.accordions_module_box .accordion_box li { margin:0; padding:0; }

.accordions_module_box .accordion_box .accordion_heading { padding:0 0; margin:0 0; border:0px solid #DDD; border-bottom-width:1px;  display:block; }

.accordions_module_box .accordion_box .accordion_content { display:none; padding:1rem 1rem 1rem 1.75rem; color:#444; 
  /*border-left:0.25rem solid #EEE;*/
  background: white linear-gradient(to right, #EEE, #fff 3%);
  
} /* initially hidden; shows by toggling JScript code. */
.accordions_module_box .accordion_box .accordion_content * {  font-size:18px;  }

.accordions_module_box a.accordion_heading_link,
.accordions_module_box a.accordion_heading_link:link,
.accordions_module_box a.accordion_heading_link:visited,
.accordions_module_box a.accordion_heading_link[aria-expanded=false] { display:block; font-size:1.3rem; color:#333; background:white; text-decoration:none; border:none; border-bottom:1px solid transparent; padding:0.3rem; }

.accordions_module_box a.accordion_heading_link:hover,
.accordions_module_box a.accordion_heading_link:active,
.accordions_module_box a.accordion_heading_link:focus { color:#EEE; background:#666; text-decoration:underline; }

.accordions_module_box a.accordion_heading_link:hover .accordion_heading_link_text,
.accordions_module_box a.accordion_heading_link:active .accordion_heading_link_text,
.accordions_module_box a.accordion_heading_link:focus .accordion_heading_link_text  { text-decoration:underline; }

.accordions_module_box a.accordion_heading_link::before { 
  content:"+";
  display:inline-block; 
  line-height:1.2rem; height:1.2rem; width:1.3rem; /*2rem*/
  
  text-align:center; vertical-align:top;
  margin-right:0.5rem;
  margin-top:0.2rem;
  border:3px solid #DDD;
  border-radius:50%;
  color:white;
  background-color:#555;
  font-weight:200;
}

.accordions_module_box a.accordion_heading_link .accordion_heading_link_text { display:inline-block; width:calc(100% - 2.5rem); }

.accordions_module_box a.accordion_heading_link:hover[aria-expanded=false]::before,
.accordions_module_box a.accordion_heading_link:active[aria-expanded=false]::before,
.accordions_module_box a.accordion_heading_link:focus[aria-expanded=false]::before { /*border:3px solid #DDD;*/ border-color:#DDD;  }


.accordions_module_box a.accordion_heading_link:hover[aria-expanded=true]::before,
.accordions_module_box a.accordion_heading_link:active[aria-expanded=true]::before,
.accordions_module_box a.accordion_heading_link:focus[aria-expanded=true]::before {  border-color:#AAA; border-style:dashed; }


.accordions_module_box a.accordion_heading_link[aria-expanded=false]::before {  content:"+"; }

.accordions_module_box a.accordion_heading_link[aria-expanded=true]::before {  content:"-"; color:#333; border-color:#EEE; background-color:white; font-weight:900; }


.accordions_module_box a.accordion_heading_link[aria-expanded=true] { /*border-color:black; */ color:#EEE; background:#555; }
/* -----------------------------
 * end Module: Accordion Items */




/* Module: Video YouTube with intro
 * ----------------------------- */
.videobox_wrapper { display:flex; margin-bottom:4rem; }
.videobox_wrapper .videobox_rich-box      { padding:1rem; margin-right:0.5rem; width:calc(40% - 2.5rem); text-align:center; }
.videobox_wrapper .videobox_rich-box h2   { margin-top:0.1rem; }
.videobox_wrapper .videobox_rich-box img  { max-height:100px; width:auto; }
.videobox_wrapper .videobox_video_youtube { padding:1rem; margin-left:0.5rem; width:calc(60% - 2.5rem); }


a.view_transcript_link,
a.view_transcript_link:link,
a.view_transcript_link:visited {
  /*border:2px solid gray;*/
  /*border-width:0 2px 2px 2px;*/
  border-radius:0 0 0.5rem 0.5rem;
  border-width:0;
  /*padding:0.2em 1em;*/
  display:block;
  width:9em;
  text-align:center;
  margin:auto auto;
  text-decoration:none;
  margin-bottom:0.5rem;
  background-color:#5d5d5d; color:white;
}

a.view_transcript_link:hover,
a.view_transcript_link:active,
a.view_transcript_link:focus {
  text-decoration:underline;
  background-color:#003DA5; color:white;
}


.video-transcript { 
  padding:1em;
  text-align:left;
  padding-left:2em;
  border:1px solid silver;
  border-left:0.4em solid silver;
  box-shadow:3px 3px 3px silver;
  margin-bottom:1em;
  max-height:20rem; overflow-y:auto;
  /* outline:1px solid red; */
}

.video-transcript h3,
.video-transcript h4,
.video-transcript h5 { margin: 0.1em 0 !important; }

.video-transcript ul,
.video-transcript ol { margin: 0.1em 0 !important; }



/* ---------------------------------------
 * end Module: Video YouTube with intro */


/* Module: icontitle_richtext_flex_box (How You'll Learn)
 * ----------------------------------------------------- */

/* icontitle_richtext_flex_box */
.icontitle_richtext_flex_box { display:block; margin:3rem auto 2rem auto; }

.icontitle_richtext_flex_box .boxes {  display:flex; flex-wrap:wrap; justify-content: space-around; margin-top:2rem; margin-bottom:0.5rem;}

.icontitle_richtext_flex_box .intro_content { display:block; margin:1rem 0; padding:0 1rem; }

.icontitle_richtext_flex_box .block {width:calc(33% - 1.5rem); margin: 0.25rem 0.25rem; padding:0.5rem;  /*border-top:3px solid #ff5e14;*/ 
    /*box-shadow: 0 15px 30px rgb(50 50 93 / 10%), 0 -5px 10px rgb(0 0 0 / 7%); */
  background-color:white; 
  color:#555; }

.icontitle_richtext_flex_box .block:hover, .icontitle_richtext_flex_box .block:focus {
  /*transform: scale(1.025);
  transition: all 0.2s ease-in-out;*/
  text-align:center;
}
     
.icontitle_richtext_flex_box .block .titlebox { text-align:center; vertical-align:top; /* padding-bottom:1rem; margin-bottom:1rem; */ }
.icontitle_richtext_flex_box .block .titlebox .iconbox { text-align:center; display:block; /*max-width:30%;*/ /*padding:0.5rem 0.5rem 1rem 0.5rem;*/ padding: 0 0 1rem 0; vertical-align:middle;} /*max-width:35%;*/
.icontitle_richtext_flex_box .block .titlebox .iconbox img { max-height:80px; margin:auto auto; }
.icontitle_richtext_flex_box .block .titlebox .titleheading { text-align:center; display:inline-block; /*min-width:40%; max-width:68%;*/ vertical-align:middle;} /*max-width:50%;*/
.icontitle_richtext_flex_box .block .titlebox .titleheading h3 { font-size:1.3rem; padding-bottom:0.5rem; }

.icontitle_richtext_flex_box .block .content_box, .icontitle_richtext_flex_box .block .content_box p { text-align:center; /*flex-grow: 1; display: flex;*/ font-size:16px; font-weight:400; }

.abox_content_box.content_box ul, .abox_content_box.content_box ol { margin-left:1rem; padding-left:0; margin-top:auto; }
.abox_content_box.content_box ul li, .abox_content_box.content_box ol li { font-size:18px; }

.icontitle_richtext_flex_box h1,
.icontitle_richtext_flex_box h2,
.icontitle_richtext_flex_box h3,
.icontitle_richtext_flex_box h4,
.icontitle_richtext_flex_box h5,
.icontitle_richtext_flex_box h6 { margin:0.1rem auto; }

.icontitle_richtext_flex_box h2, .icontitle_richtext_flex_box h3 { font-weight:500; }

.icontitle_richtext_flex_box .abox_link_box {  margin-top:1rem; margin-bottom:0.5rem; }

.icontitle_richtext_flex_box .abox_link_box button, .a11yplus-profile-box button, .speakers_afterword button.hs-button.primary { font-size:18px; padding-top:0.3rem; padding-bottom:0.3rem;
      color:white  !important;
      background-color:#003da5 !important;
      border-color:#003da5;
      border-radius:0.5rem; }

.icontitle_richtext_flex_box .abox_link_box button:hover, .icontitle_richtext_flex_box .abox_link_box button:active, .icontitle_richtext_flex_box .abox_link_box button:focus,
.a11yplus-profile-box button:hover, .a11yplus-profile-box button:active, .a11yplus-profile-box button:focus,
.speakers_afterword button.hs-button.primary:hover, .speakers_afterword button.hs-button.primary:active, .speakers_afterword button.hs-button.primary:focus
{
  color:#003da5  !important;
  background-color:white !important;

}
/* -------------------------------------------------------
 * end: icontitle_richtext_flex_box (How You'll Learn) */
  


/* Key Course Takeaways "Rich and list and image" 
 * -------------------------------------------------- */

.rich_and_list_and_image { display:flex; align-items:center; }
.rich_and_list_and_image .content-box { padding:0.5rem; width:calc(60% - 1rem); }

.rich_and_list_and_image .content-box .second_content ul,
.rich_and_list_and_image .content-box .second_content ol { list-style:none; position:relative; margin-left:0; padding-left:1.5rem;   } /*list-style-image: url('imagename.svg');*/


.rich_and_list_and_image .content-box .second_content li { font-size:18px; }

.rich_and_list_and_image .content-box .second_content ul li:before,
.rich_and_list_and_image .content-box .second_content ol li:before { content: "\2713"; position:absolute; left:0; font-weight:700; color:#cd4706; }


.rich_and_list_and_image .inline-image-box { padding:0.5rem; width:calc(40% - 1rem); vertical-align:middle; }
/* --------------------------------------------------
 * end: Key Course Takeaways "Rich and list and image"  */

 

/* Top Callout LMS Rich Text - "Rich text" 
 * -------------------------------------------------- */
.lms_rich_callout  { margin-top:3rem; margin-bottom:5rem; border:4px solid #cd4706; padding: 0.5rem 2rem 1rem 2rem; }
/* --------------------------------------------------
 * end: Top Callout LMS Rich Text - "Rich text"    */




/* Bottom Callout Rich Pair - "Rich and list" 
 * -------------------------------------------------- */
.rich_and_list { margin-top:3rem; margin-bottom:5rem; border:4px solid #cd4706; padding: 0.5rem 1rem 1rem 1rem; }
.rich_and_list .content-box { display:flex; align-items:center; } /* holds ALL content */
.rich_and_list .content-box .primary_content   { text-align:center; padding:0.5rem; width: calc(60% - 1rem); }
.rich_and_list .content-box .secondary_content { text-align:left;   padding:0.5rem; width: calc(40% - 1rem); }
/* --------------------------------------------------
 * end: Bottom Callout Rich Pair - "Rich and list"   */




/* -----------------------------------
 * end: MODULE STYLES
 * ----------------------------------- */




/* -----------------------------------
 * MEDIA QUERIES
 * ----------------------------------- */
@media(max-width:400px) { 
  .icontitle_richtext_flex_box .boxes { display:block; } /* remove parent flex display */
  .icontitle_richtext_flex_box .boxes .block { width:auto; }
}

@media(max-width:600px) { 
  .icontitle_richtext_flex_box .block { width: calc(50% - 4rem); }
}


@media(max-width:800px) { 
  .modalpane .inputrow { margin-bottom:0.4rem; }
  
  #upper-box { margin-bottom:2rem; }
  .lms-anchormenu-box { position:initial; }
  .lms-anchormenu-box ul, .lms-anchormenu-box ol { flex-direction:row; justify-content:center; align-items:flex-start; border-color:white; display:block; }
  .lms-anchormenu-box ul li, .lms-anchormenu-box ol li { border:1px solid #444; margin:2px; }
  .lms-anchormenu-box ul li a, .lms-anchormenu-box ol li a { display:block; height:auto !important; padding:auto; }
  .lms-anchormenu-box ul li:last-child, .lms-anchormenu-box ol li:last-child { border-bottom:1px solid #444; display:block; }
  
  .accordions_module_box .accordion_box .accordion_heading a { font-size:1rem; font-weight:700; }
  .accordions_module_box .accordion_box .accordion_heading a::before { margin-right:0.5rem; font-weight:500; vertical-align:top; display:inline-block; }
  
  
  .rich_and_list_and_image { display:block; }
  .rich_and_list_and_image .content-box { width:auto; padding:1rem; }
  .rich_and_list_and_image .inline-image-box { display:none; }

  .rich_and_list .content-box { display:block; }
  .rich_and_list .content-box .primary_content { width:auto; display:block; }
  .rich_and_list .content-box .secondary_content img { display:none; }
} 

@media(min-width:880px) {
  /* split first and last name on a single-line only when wide enough. */
 .modalpane .splitfields .inputrow { display:inline-block; max-width:49%; } 
}

@media(max-width:1024px) { 
  
.videobox_wrapper { display:block; margin-bottom:1rem; }
.videobox_wrapper .videobox_rich-box      { width:auto; }
.videobox_wrapper .videobox_rich-box img  { max-height:100px; width:auto; }
.videobox_wrapper .videobox_video_youtube { width:auto; margin-bottom:0.5rem; }
  */
}


/* -----------------------------------
 * end: MEDIA QUERIES
 * ----------------------------------- */