/* cmsms stylesheet: GDCStyles modified: 06/15/25 12:15:39 */
/* Custom Text Scroll here ...
 reminder: Margin is outside DIV, Padding is inside!
 */
  /* scrolling text */
#scroll-container {
  width: 340px;
  border: 0px solid black;
  border-radius: 5px;
  align: left;
  /* text-align: left; */
  overflow: hidden;
  display: flex;
  white-space: nowrap;
  /* display: inline-block; */
}

#scroll-text {
   /* text-align: right; */
  /* animation properties */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  
  -moz-animation: my-animation 12s linear infinite;
  -webkit-animation: my-animation 12s linear infinite;
  animation: my-animation 12s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateX(100%); }
  to { -moz-transform: translateX(-100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateX(100%); }
  to { -webkit-transform: translateX(-100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
/* Custom Text Scroll END ... */

/* Custom settings here ... reminder: Margin is outside DIV, Padding is inside! */
body {socialicon
background-color: #fff;
}

/* Image background which should only affect the Products Main View AND Products Detail View PAGES */
/* Currently employed on "Default - with bg pic" template which is used for the "Home Page" content page*/
div.mypagebg {
background-image: url("/uploads/images/GDCBG.png");
background-position: top;
background-size: cover;
background-attachment: fixed;
}


/*______________________ BackGround IMAGE CSS OPTIONS ______________________*/
/* ______________________Copied From Main Products Image background (use above) ______________________
style="background:linear-gradient(#fcffff 40px, rgba(255,255,255,0)), url(uploads/images/GDCBG.png) bottom center; background-repeat: no-repeat; background-size: 200%; background-position: 38% 100%;"
*/

/*______ BackGround IMAGE ______ 
  background-image: url("/uploads/images/GDCBG.png");
*/
/*________ RE-SIZING ______________
  background-repeat: no-repeat;
  background-size: contain;
  background-size: cover;

OR
_________PICK ONE_____________
  background-attachment: scroll;
  background-attachment: fixed;
  background-attachment: local;

_________POSITIONING_____________
_________Keyword values_________
background-position: top;
background-position: bottom;
background-position: left;
background-position: right;
background-position: center;
_________<percentage> values_________
background-position: 25% 75%;
*/

#wrapper {
  min-height:100%;
  position:relative;
}

#main {
  padding-bottom:12em;   /* Height of the footer */
  padding-top: 2em;
}

#footer {
  height: 13em;
  position:absolute;
  bottom:0;
  width:100%;
justify-content: center;
}

.viewcartform {
    background-color: #fff;
}

div.site_title {
/*used in default page header site title*/
font-weight:bold;
/*font-style:TodaySHOP-BoldItalic; NOT WORKING*/
text-align:center;
color:#0f7337;
font-size: 2.4em;
line-height:1.1em;
/*display:inline;*/
}

div.site_description {
/*used in default page header site descript*/
font-weight:bold;
/*font-style: italic;*/
font-size: 1.5em;
text-align:center;
color:#000000;
line-height:1.1em;
/*display:inline;*/
}

.footerspacing {
/*   margin-top:3em;*/
}

div.cert_list_frame {
 position:relative;
 width:100%;
 cursor:pointer;
 border:1.5px solid #003300;
 border-radius:6px;
 padding:0;
 box-shadow: 8px 9px 6px 1px rgba(0,0,0,0.50); 
 min-height:210px;
 margin-bottom:0px;
 margin-right:0px;
}

.cert_list_frame:hover{
  box-shadow: 9px 10px 6px 2px rgba(0,0,0,0.50);
  transform: scale(1.006);
  /* transform: translateY(-2px);*/
}

/*
height:100px; width:100px; border-radius:6px 0 6px 0; float:left; margin-right:8px;
*/

div.cert_list_footer { /* button placement for cert listing, also includes space for # remaining/date warning */
position:absolute;
bottom:0;
/* some flexy! */
display:flex;
justify-content:space-between;
align-items:flex-end;
width:100%;
padding:.0px;
align-items:center;
color: #AA
}

div.cert_full_frame {
/* border:5px solid #000; #0f0307;*/
border:1.5px solid #003300;
border-radius: 6px;
background-color: #feffff;
padding: 1em 0;
margin: 1em 0 0 0;
min-height: 820px;
margin-bottom: 50px;
box-shadow: 8px 9px 6px 1px rgba(0,0,0,0.40);
}

div.cert_full_header {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center; /*flex-start;*/
margin-bottom: 1em;
}

div.cert_full_course_info {
display:flex;
flex-direction:row;
flex-wrap:no-wrap;
justify-content:flex-start;
align-items:flex-start;
}

div.cert_full_course_description {
padding: 0 0.7em 0em;
margin-bottom: 0px;
font-size: 1.0em;
}

img.cert_full_photo {
width:100%;
padding: 0 0.0em 0.9em;
margin-top: 0px;
/* box-shadow: 5px 10px 8px #888888; */
/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */ 
/* border-radius: 25px 25px 25px 25px; */ 
/* background-image:linear-gradient(#fcffff 54px, rgba(255,255,255,0)); */ 
}

/*   #################################################   */
div.cert_full_content {
display:flex;
align-items:flex-start;
align-content:flex-start;
flex-wrap: wrap;
justify-content: space-evenly;
font-size: 1.1em;
}

div.cert_full_detail {
margin: 0em 0em 0.6em;
background-color:#e0f8d0;
border-radius:6px;
padding: 0.1em 0.5em 0.3em;
}

div.cert_detail {
/*min-height:300px;*/
/* Fantastic bit this, found on Stackoverflow.  Calculate the full width, subtract the width of the map (was width: 100%;) */
    width: -webkit-calc(100% - 350px);
    width:    -moz-calc(100% - 350px);
    width:         calc(100% - 350px);
min-width:350px;
padding: 0.0em 0.0em 0.0em;
}

div.cert_full_mapbox { /* float:right; */
height:286px;
width:320px;
flex-basis: 320px;
}

/* Google Maps bit */
#map {
  height: 286px;
  width: 320px;
}

div.cert_valid_period {
padding: 0 1em;
}

div.cert_valid_period p {
padding:0;
margin:0;
}

div.cert_full_footer {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
/*align-items:align-items;*/
}

img.logo {
height:100px;
padding:0;
margin:0;
/*filter: drop-shadow(6px 8px 3px #A9A9A9);*/
/*box-shadow: 5px 10px 8px #888888;*/
}

img.logo:hover{
  /*filter: drop-shadow(7px 9px 3px #A9A9A9);*/
  transform: scale(1.02, 1.02);
  /*transform: translateY(-1px);*/
}

h1 {
/*used in default page header site title*/
font-weight:bold;
text-align:center;
/*color:#047235;*/ /*Green*/
/*color:#000000;*/ /*Black*/
color:#07623e; /*Dark Green*/
font-size: 2.5em;
line-height:.7em;
/*display:inline;*/
}

h1.listing {
margin: 0.3em 0.3em 0;
font-size: 1.7em;
}

h1.price {
display:inline;
}

h1.certdetailsprice {
margin: 0.0em 0.0em 0.0em;
font-size: 2.1em;
}

h1.certdetailstitle {
margin: 0.0em 0.2em 0.0em;
font-size: 2.0em;
}

/*
.glow {
text-shadow: 0 0 10px #fff, 0 0 8px #fff;
display:inline;
}
*/

.whiteglow {
text-shadow: 0 0 1px #ffffff, 0 0 1px #ffffff, 0 0 1px #ffffff, 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff;
display:inline;
}

.glow {
  animation: glow 1.4s ease-in-out infinite alternate;
  display:inline;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 1px #ffffff, 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff;
  }
  
  to {
    text-shadow: 0 0 1px #ffffff, 0 0 2px #ddffdd, 0 0 3px #ddffdd, 0 0 4px #ddffdd, 0 0 5px #ddffdd, 0 0 6px #ddffdd, 0 0 7px #ddffdd;
  }
}

@keyframes blink {
            0% {
                opacity: 1;
            }

            30% { 
                opacity: 1;
            }

            40% {
                opacity: 0;
            }

            50% {
                opacity: 1;
            }

            100% {
                opacity: 1;
            }

        }

.blinking-text {
            text-align: center;
            font-weight: bolder;
            font-style: italic;
/* text-decoration: underline; */
/* text-underline-position: auto; */
            text-shadow: .3px .3px #f62400;
            animation: blink 1.5s infinite;
            animation-delay: 0s;
            color:#f62400;
/* animation-iteration-count: 66; */
        }


h2 {
font-size:1.3em;
line-height:1.1em;
margin:3px 4px 2px 0;
font-weight:bold;
}

h2.site_description {
/*used in default page header site descript*/
font-weight:bold;
font-style: italic;
font-size: 1.5em;
text-align:center;
color:#000000;
line-height:1.1em;
}


h3 {
font-size:1.1em;
padding-top:0.0em;
margin:0px 0px 0px 0;
}


h3.listing {
margin: 0.3em 0.3em 0;
font-size: 1.7em;
}

h3.price {
display:inline;
}

h4 {
/*used in default page header site description*/
font-weight:bold;
text-align:center;
color:#0f7337;
font-size: 1.65em;
margin: 0.0em 0.3em 1.3em 0.2em;
/*background-color: rgba(255, 255, 150, 0.1)*/;
}

h5 {
color:#E56938; /*#e5a338;*/
margin:0;
font-weight:bold;
font-size:1em;
}

h5.listing {
/*text-shadow: 0 0 3px #0f7337, 0 0 6px #0f7337;*/
float:left;
padding:0.1em;
margin-right:0.3em;
margin-left:0.1em;
color: #AA0000;
}

h5.cert {
padding: 5px 8px;
border-radius:2px;
margin: 0 10px;
}

.expiring { /* background colour for expiring certs */
background: rgba(255, 255, 30, 1.00);
border: 1.7px solid  #388e3c;
text-align: center;
color: #AA0000;
}

.center {
text-align: center;
}

.dealname_mainlist{
font-size:.93em;
padding-top:0.0em;
margin:0em .5em 0em 0em;
text-align: center;
}


.msrp {	   /* For Products Main List View  */
text-decoration: line-through;
text-decoration-color: #993333;
text-decoration-thickness: 2px;
vertical-align: bottom;
color: #666;
font-size: 1.1em;
font-weight: 600;
display: inline;
}

.msrpcert {	  /* For Products Detail View  */
line-height: 1.8;
text-decoration: line-through;
text-decoration-color: #993333;
text-decoration-thickness: 2px;
vertical-align: bottom;
color: #777;
font-size: 1.3em;
font-weight: 600;
display: inline;
}

.yousave {	   /* 996b00 For Products Main List View  */
text-align: left;
color: #f62400;
font-size: 1.1em;
font-weight: 600;
text-shadow: 0 0 3px #fff, 0 0 6px #fff4e2;
line-height: 0.9;
display:inline;
}

.yousavecert {	  /* For Products Detail View  */
text-align: left;
color: #f62400;
font-size: 1.0em;
font-weight: 600;
text-shadow: 0 0 3px #fff, 0 0 6px #fff4e2;
line-height: .9;
display:inline;
}

.tempmessagecert {	  /* N/A For Products Detail View Temp Message */
text-align: center;
color: #996b00;
font-size: 1.1em;
font-weight: 600;
text-shadow: 0 0 3px #fff, 0 0 6px #fff4e2;
line-height: 0.9;
}

.tempmessagefeescert {	  /*color: #996b00; used on products Main list view and Products Detail View for No Added Fees text */
text-align: center;
color: #755201;
font-size: 1.4em;
font-weight: 600;
text-shadow: 0 0 3px #fff, 0 0 6px #fff4e2;
line-height: 0.9;
}

.required {
color:#c41;
}

img.course_logo {
height:44px;
width:44px;

margin:00px 0px 0px 0px;
}

img.course_logo_details {
height:80px;
width:80px;
border-radius: 3px;
margin:00px 0px 0px 0px;
}

img.cert_logo {
margin: 0 10px 10px;
}

img.cert_logo_details {
margin: 0 10px 5px;
}

img.list_logo {
float:left;
margin:1px 2px 0px 2px;
}

.footerlink {
color:#ccc;
text-style:none;
}

.footerlink:hover {
color: #fff;
text-decoration: underline;
}

.buttonlink {
border: none;
background:transparent;
cursor: pointer;
padding: 0;
margin: 0;
}

.link { /* This is a duplicate of the a class */
  color: #0f7337;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.link:hover {
  color: #094521;
  text-decoration: underline;
}

.socialicon {
margin:0.2em 0.2em;
height:24px;
width:24px;
}

iframe.certPDF {
border-style: 2px solid #ccc;
width: 100%;
height: 50em;
}

gdc-btn-outline-danger {  
color: #FC3939;  background-color: transparent;  background-image: none;  border-color: #FC3939;}.gdc-btn-outline-danger:hover {  color: #fff;  background-color: #FC3939;  border-color: #FC3939;}.gdc-btn-outline-danger:focus, .gdc-btn-outline-danger.focus {  -webkit-box-shadow: 0 0 0 0.2rem rgba(252, 57, 57, 0.5);          box-shadow: 0 0 0 0.2rem rgba(252, 57, 57, 0.5);}.gdc-btn-outline-danger.disabled, .gdc-btn-outline-danger:disabled {  color: #FC3939;  background-color: transparent;}.gdc-btn-outline-danger:not([disabled]):not(.disabled):active, .gdc-btn-outline-danger:not([disabled]):not(.disabled).active,.show > .gdc-btn-outline-danger.dropdown-toggle {  color: #fff;  background-color: #FC3939;  border-color: #FC3939;  -webkit-box-shadow: 0 0 0 0.2rem rgba(252, 57, 57, 0.5);          box-shadow: 0 0 0 0.2rem rgba(252, 57, 57, 0.5);
}