@font-face {
    font-family: 'Philosopher';
    src: url('fonts/Philosopher.eot');
    src: url('fonts/Philosopher.eot?#iefix') format('embedded-opentype'),
        url('fonts/Philosopher.woff2') format('woff2'),
        url('fonts/Philosopher.woff') format('woff'),
        url('fonts/Philosopher.ttf') format('truetype'),
        url('fonts/Philosopher.svg#Philosopher') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trajan Pro 3';
    src: url('fonts/TrajanPro3-Regular.eot');
    src: url('fonts/TrajanPro3-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/TrajanPro3-Regular.woff2') format('woff2'),
        url('fonts/TrajanPro3-Regular.woff') format('woff'),
        url('fonts/TrajanPro3-Regular.ttf') format('truetype'),
        url('fonts/TrajanPro3-Regular.svg#TrajanPro3-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fantasy';
    src: url('fonts/Fantasy-.eot');
    src: url('fonts/Fantasy-.eot?#iefix') format('embedded-opentype'),
        url('fonts/Fantasy-.woff2') format('woff2'),
        url('fonts/Fantasy-.woff') format('woff'),
        url('fonts/Fantasy-.ttf') format('truetype'),
        url('fonts/Fantasy-.svg#Fantasy-') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*
@font-face {
    font-family: 'Strongwill Typeface Allcaps';
    src: url('fonts/StrongwillTypefaceAllcaps.eot');
    src: url('fonts/StrongwillTypefaceAllcaps.eot?#iefix') format('embedded-opentype'),
        url('fonts/StrongwillTypefaceAllcaps.woff2') format('woff2'),
        url('fonts/StrongwillTypefaceAllcaps.woff') format('woff'),
        url('fonts/StrongwillTypefaceAllcaps.ttf') format('truetype'),
        url('fonts/StrongwillTypefaceAllcaps.svg#StrongwillTypefaceAllcaps') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Strongwill Typeface';
    src: url('fonts/StrongwillTypeface.eot');
    src: url('fonts/StrongwillTypeface.eot?#iefix') format('embedded-opentype'),
        url('fonts/StrongwillTypeface.woff2') format('woff2'),
        url('fonts/StrongwillTypeface.woff') format('woff'),
        url('fonts/StrongwillTypeface.ttf') format('truetype'),
        url('fonts/StrongwillTypeface.svg#StrongwillTypeface') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Copperplate Gothic';
    src: url('fonts/CopperplateGothic-Light.eot');
    src: url('fonts/CopperplateGothic-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/CopperplateGothic-Light.woff2') format('woff2'),
        url('fonts/CopperplateGothic-Light.woff') format('woff'),
        url('fonts/CopperplateGothic-Light.ttf') format('truetype'),
        url('fonts/CopperplateGothic-Light.svg#CopperplateGothic-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
*/


html {-webkit-tap-highlight-color: transparent; }
body { margin: 0; display: flex; flex-direction: column; align-content: start; position: relative; width: 100%; overflow-x: hidden; }
html { min-height: 100vh; font-size: 9.5px; font-family: arial; }
html { height: 100%; margin: 0; overflow-x: hidden;  }
body { min-height: 100vh; margin: 0; padding: 0; }

.clearb { clear: both; }

.scroll__container {
height: 100vh;
overflow-y: scroll;
scroll-snap-type: y mandatory;
}
section {
height: 100vh;
scroll-snap-align: center;
}

.main_content { flex: 1 0 auto; align-self: stretch; width: 100%; overflow: hidden;  background-color: #000; }
.main_subcontent { margin-top: 10.0vw !important; background-color: #000; overflow: hidden;  }
.content-inside { padding: 0px; max-width: 1024px; margin: 0 auto; }

.bigheader, .bigfooter { background-color: #26266e; }
.bigheader { aborder: 1px solid #4d1b1b; aborder-width: 0.2vw 0 0 0; width: 100%;  position: fixed; z-index: 5; 
background: gradient(top, #26263e 0%, #000 100%);
background: -moz-linear-gradient(top, #26263e 0%, #000 100%);
background: -webkit-linear-gradient(top, #26263e 0%, #000 100%);
background: linear-gradient(top, #26263e 0%, #000 100%);
background-color: #000;
}

.bigheader, .smallheader { height: 10.0vw; max-height: 100px; min-height: 34px; vertical-align: bottom; }

.bigfooter { 
background: gradient(bottom, #26263e 0%, #000 100%);
background: -moz-linear-gradient(bottom, #26263e 0%, #000 100%);
background: -webkit-linear-gradient(bottom, #26263e 0%, #000 100%);
background: linear-gradient(bottom, #26263e 0%, #000 100%);
}

.smallheader { widtah: 102.0vw; max-width: 1024px; margin: auto; display: flex; flex-direction: column; }
.headerlogo { adisplay: table-cell; display: inline-block; font-family: 'Philosopher'; font-size: 3.2rem; color: #fff; } 
.headerimage { adisplay: table-cell; display: inline-block; width: 34px; height: 34px; margin-left: 5px !important; background: url(https://www.alexanderdawnrider.com/images/tiny_erdi.avif) no-repeat; background-size: cover; }

.headerlogo, .headerimage {  margin: auto auto 0 auto; }
.headerlogo a { text-decoration: none; color: #ddd; white-space: nowrap; }
.headerlogo aimg { width: 36.8vw; max-width: 368px; height: auto; margin: 1.0vw; vertical-align: middle; }

.bigfooter { flex-shrink: 0; padding-top: 20px; border: 1px solid #4d1b1b; border-width: 0 0 0.2vw 0; overflow: hidden;} 
.smallfooter { width: 102.0vw; width: 100%; max-width: 1024px; margin: auto; }
.footer_container { apadding: 1.5vw 0; width: 95%; padding-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 2fr 1fr;   }
.footer_alli { display: inline-block; float: right; }
.footer_alli img { height: 10.0vw; max-height: 100px; width: auto; }

.footer_section { font-size: 1.6rem; color: #fff; font-family: 'Arial'; display: inline-block; display: grid; vertical-align: top; margin-left: 3.8vw;  apadding-right: 1.8vw;  aborder: 1px solid #e00; text-align: center; }
.footer_section .scsl { margin: 4px 0; transition: all .3s ease-in-out;  }
.footer_section .scsl:hover  { transform: scale(1.1);  }
.footer_section a { color: #fff; text-decoration: none; text-shadow: -2px 2px 0 rgba(0,0,0,0.5); }
.footer_copyright { color: #eee; font-size: 1.7rem; margin-top: 1.0vw; margin-left: 2.0vw; text-align: center; display: grid; grid-column: 1 / span 3;  }
.footer_copyright a { color: #eee;  text-shadow: -2px 2px 0 rgba(0,0,0,0.5); }
.footer_section_title, .footer_section_title a { font-size: 2.0rem; color: #daa520; text-shadow:  0 0 5px rgba(0,0,0,0.5);  font-weight: bold; margin-bottom: 0; font-family: 'Trajan 3 Pro'; }


.titlemenu_holder, .titlemenu_holder2 { display: flex; flex-grow: 1; align-items: center; width: 100%; height: 100%; }
.titlemenu_holder>*, .titlemenu_holder2>*  { flex: 1; display: flex; flex-wrap: wrap;  align-items: center; justify-content: space-around; }
.titlemenu_holder2 { display: none; height: 28px; aborder: 2px solid #0e0; }
.titlemenu_holder .l { }
.titlemenu_holder .m, .titlemenu_holder2 .m { height: 80%; display: flex; flex-direction: row; align-items: center; white-space: nowrap;  }
.titlemenu_holder .m  .text, .titlemenu_holder2 .m  .text { font-size: 1.6rem; color: #d4af37; text-shadow: -2px 2px 0 rgba(0,0,0,0.5); font-style: italic; margin: 0.5vw 0; } 
.titlemenu_holder .m a, .titlemenu_holder2 .m a { text-decoration: none; color: #ddd; awhite-space: nowrap; }


.titlemenu_holder .r { }

.titlemenu_item { transition: all .3s ease-in-out; z-index: 14; padding-top: 0.8vw; margin: 0 3px; }
.titlemenu_item a { font-weight: bold; font-family: "Trajan Pro 3"; color: #d4af37; text-decoration: none; font-size: 1.6rem; }
.titlemenu_item:hover .titlemenu_sub { opacity: 1; visibility: visible; transition: all .4s ease-in-out; transition-delay: 0.5s;}
.titlemenu_item:hover>a { color: #f4df67; }
.titlemenu_item:hover { transform: scale(1.1); }
.titlemenu_logo a { font-size: 1.8rem; color: #fff; white-space: nowrap; text-decoration: none; } 

.titlemenu_sub {  background-color: #4d1b1b; display: block; box-shadow: -5px 5px 0 rgba(0,0,0,0.4); padding: 2.0vw 1.0vw; margin-top: 0.5vw; visibility: hidden; opacity: 0; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
-ms-border-radius: 5px; 
-o-border-radius: 5px; 
border-radius: 5px; 
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in;
z-index: 50; position: absolute; 
}

.titlemenu_sub_left { left: 0; }
.titlemenu_sub_right { right: 0; }
.titlemenu_sub>a { display: block; font-family: "Trajan Pro 3"; font-size: 1.6rem; color: #ccb; text-shadow: -2px 2px 0 rgba(0,0,0,0.3); margin-bottom: 0.6vw; white-space: nowrap; }
.titlemenu_sub>a:hover { color: #ffe; }	

.menu_booklist_holder { text-align: center; vertical-align: top; width: 90.0vw; max-width: 600px; }
.menu_booklist_item { display: inline-block; width: 15.0vw; max-width: 150px; height: 20.0vw; max-height: 200px; margin: 1.0vw; 0.3vw; text-align: center; vertical-align: top; }
.menu_booklist_item a { font-size: 1.4rem; font-weight: bold; color: #eee; font-family: "Trajan Pro 3"; text-decoration: none; display: inline-block; height: 100%; width: 100%; }
.menu_booklist_item img {width: 10.0vw; max-width: 100px; height: auto; box-shadow: -2px 2px 0 rgba(0,0,0,0.3); transition: all .2s ease-in-out; }
.menu_booklist_item img:hover { transform: scale(1.1); }

.menu_booklist_title { color: #fff; font-size: 2.3rem; text-align: center; width: 100%; font-family: "Philospher"; border: 3px solid #d4af37; border-width: 0 0 3px 0; }

.iconmenu { width: 20px !important; height: 20px !important; background: url(https://www.alexanderdawnrider.com/images/menu20.png) no-repeat; background-size: cover; display: inline-block; cursor: pointer; } 
.iconmenuclose { width: 20px !important; height: 20px !important; background: url(https://www.alexanderdawnrider.com/images/menu_close20.png) no-repeat !important; background-size: cover !important; display: inline-block !important; cursor: pointer !important; } 

.scrollsidebar_openholder { height: 28px; position: relative; }
.scrollsidebar_open_div { width: 20px; height: 20px; text-align: right; position: absolute; top: 8px; right: 20px; }

.sidebar_list { margin-left: 3.0vw; margin-bottom: 20px; margin-top: 10px; font-size: 14px; font-family: 'Trajan Pro 3'; font-weight: bold; line-height: 170%; }
.sidebar_list a {color: #eee; text-decoration: none; text-shadow: -3px 3px 0 rgba(0,0,0,0.4); }
.sidebar_list_indent { margin-left: 3.0vw; }
.scrollsidebar { width: 300px; background-color: #022B59; border: 5px solid #022B59; border-top-color: #000; color: #eee; position: fixed; z-index: 3; top: 35px; aright: -320px;  right: 0; text-align: left; 
abackground: -webkit-radial-gradient(circle, #426B99 0%, #224B79 45%, #022B59 100%);
abackground: -moz-radial-gradient(circle, #426B99 0%, #224B79 45%, #022B59 100%);
abackground: radial-gradient(circle, #426B99 0%, #224B79 45%, #022B59 100%);
background: -moz-linear-gradient(top, #000 0%, #26266e 100%);

box-shadow: -0.3vw 0.3vw 0 rgba(0,0,0,0.45); 
    a-webkit-transition: right 0.3s;
    a-moz-transition: right 0.3s;
    a-ms-transition: right 0.3s;
    a-o-transition: right 0.3s;
    atransition: right 0.3s;
    a-webkit-transition: all 0.3s;
    a-moz-transition: all 0.3s;
    a-ms-transition: all 0.3s;
    a-o-transition: all 0.3s;
    atransition: all 0.3s;
-webkit-border-radius: 0.5vw;
-khtml-border-radius: 0.5vw;
-moz-border-radius: 0.5vw;
border-radius: 0.5vw;

  transition: all .4s ease-in-out;
  transform-origin: left top;
  transform: scaleY(0);
  overflow: hidden; 
}

.scrollsidebar_top { width: 100%; height: 30px; color: #eee; text-align: center; font-size: 1.9rem; font-weight: 700; margin: 0;  padding: 0;  
-webkit-border-top-right-radius: 0.5vw;
-webkit-border-top-left-radius: 0.5vw;
-khtml-border-radius-topright: 0.5vw;
-khtml-border-radius-topleft: 0.5vw;
-moz-border-radius-topright: 0.5vw;
-moz-border-radius-topleft: 0.5vw;
border-top-right-radius: 0.5vw;
border-top-left-radius: 0.5vw;
}

.scrollin { aright: 2px; haeight: auto;  transform: scaleY(1);}

.scrollsidebar_top .title { margin-top: 10px; }
.scrollsidebar_close { position: absolute; top: 10px; right: 10px; }
.scrollsidebar_close img {  height: 20px; cursor: pointer; }

.acontactform_text { padding-top: 70px;  margin-bottom: 20px;  }
.acontactform_button_holder { padding: 9px; }
.acontactform_button { padding: 10px 20px; }
.acontactform_row { border-spacing: 9px;}
.acontactform_box3 { margin: 9px 9px;   }
.acontactform_holder input[type = "text"] { padding: 8px 16px; border-radius: 5px; width: 100%;  box-sizing: border-box;}
.acontactform_holder textarea  { font-size: 1.7rem; font-family: 'Times New Roman'; padding: 8px 16px; border-radius: 5px; height: 200px; }


.title_backpanel { background: url(https://www.alexanderdawnrider.com/images/wood_board_frame03.avif); background-size: 100% 100%; width: 70%; filter: drop-shadow(-0.5vw 0.5vw 1.0vw rgba(0, 0, 0, 0.7));  padding: 4.0vw; margin: auto; text-align: center; color: #eee; line-height: 130%; text-shadow: -0.3vw 0.3vw 0.5vw rgba(0,0,0,0.8); font-size: 2.6rem; font-family: 'Philosopher'; margin-bottom: 1.0vw; }
.title_backpanel2 { background: url(https://www.alexanderdawnrider.com/images/wood_board_frame01.avif); background-size: 100% 100%; width: 70%; filter: drop-shadow(-0.5vw 0.5vw 1.0vw rgba(0, 0, 0, 0.7));  padding: 4.0vw; margin: auto; text-align: center; color: #eee; line-height: 130%; text-shadow: -0.3vw 0.3vw 0.5vw rgba(0,0,0,0.8); font-size: 2.6rem; font-family: 'Philosopher'; margin-bottom: 1.0vw; }

.contactform_message { background: url(https://www.alexanderdawnrider.com/images/parchment_back.avif); background-size: 100% 100%; filter: drop-shadow(-5px 5px 5px rgba(0, 0, 0, 0.5));  padding: 4.0vw; margin: auto;  margin-bottom: 1.0vw; }
.contactform_largeholder { background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url(https://www.alexanderdawnrider.com/images/contact_background.avif)  no-repeat;   background-attachment: fixed; background-size: cover;    background-position: center center; width: 100%; padding: 6.0vw 0;  min-height: 50.0vw;  position: relative; }
.contactform_largeholder .tf { width: 100%; height: 5.0vw; position: absolute; left: 0; top: 0; background-color: #200;
background: gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -moz-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -webkit-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
}

.contactform_largeholder .bf { width: 100%; height: 5.0vw; position: absolute; left: 0; bottom: 0; background-color: #200;
background: gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: -moz-linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: -webkit-linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
}

.contactform_largeholder_sub { width: 80%; max-width: 800px; aheight: 50.0vw; amax-height: 500px; margin: auto; display: block; }
.contactform_text { width: 100%; apadding-top: 5.0vw;  margin-bottom: 2.0vw; font-weight: bold; font-size: 2.5rem; color: #daa520; text-shadow: -2px 2px 0 rgba(0,0,0,0.7); text-align: center; }
.contactform_button_holder { text-align: center; }
.contactform_button { display: inline-block; font-size: 2.0rem; font-family: 'Fantasy'; font-weight: bold; padding: 1.5vw 3.0vw; color: #000; border: 0;  cursor: pointer; }
.contactform_button { background: url(https://www.alexanderdawnrider.com/images/fantasy_button_01.avif); filter: drop-shadow(-10px 10px 5px rgba(0, 0, 0, 0.5)); background-size: 100% 100%; width: 50%;  padding: 1.5vw 4.5vw 2.5vw 4.5vw; margin: auto;  margin-bottom: 10px; }
.contactform_home { text-align: center; padding-top: 2.0vw; }
.contactform_home a { font-size: 2.0rem; font-family: 'Fantasy'; text-decoration: none; font-weight: bold; padding: 1.5vw 3.0vw; color: #000; border: 0;  cursor: pointer; }
.contactform_holder { width: 50%; width: 100%;  }
.contactform_row { display: table; width: 100%; border-spacing: 0.9vw;}
.contactform_box1 { width: 50%; display: table-cell;  }
.contactform_box2 { display: none;   }
.contactform_box3 { height: 20.0vw; max-height: 200px; ; margin: 0.9vw 0.9vw;   }
.contactform_holder input[type = "text"] { font-size: 1.8rem; font-family: 'Times New Roman'; padding: 8px 16px; border: none; color: #00 !important; font-weight: bold !important; border-radius: 5px; width: 100%;  box-sizing: border-box; background-color: transparent; }
.contactform_holder textarea  { font-size: 1.8rem; font-family: 'Times New Roman'; padding: 0.8vw 1.6vw; border: none; color: #000 !important; font-weight: bold !important; border-radius: 0.5vw; width: 100%;  height: 20.0vw; box-sizing: border-box; background-color: transparent;}
.contactform_nosend { font-size: 16px; color: #fff; background-color: #922; }

.button_medium, .button_mediumi { background-color: #daa520; font-size: 3.0rem; font-weight: bold; font-family: Garamond; padding: 1.0vw 3.0vw; }
.button_medium { display: block; }
.button_mediumi { display: inline-block; box-shadow: 0 0 3px rgba(0,0,0,0.4); }
a.button_medium, a.button_mediumi { text-decoration: none; color: #228; white-space: nowrap; }
.button_medium, .button_mediumi { padding: 10px 30px; }

#mc_embed_signup { width: 80%; max-width: 800px; aborder: 2px solid #e00; margin: auto; padding: 1.5vw;  text-align: center; }
.signup_holder { background-color: #339; width: 100%; margin: auto; padding: 5.0vw 0; background: url(https://www.alexanderdawnrider.com/images/signup_background.avif)  no-repeat; background-size: cover; background-position: center; background-attachment:fixed; }
.signup_title { font-size: 2.7rem; text-align: center; width: 90%; color: #d4af37; margin: auto; font-family: 'Trajan Pro 3'; font-weight: bold; text-shadow: 0 0 13px rgba(0,0,0,0.9); }
.signup_text { font-size: 2.4rem; text-align: center; width: 90%; color: #eee; margin: auto; font-family: 'Times New Roman'; font-weight: bold; text-shadow: 0 0 13px rgba(0,0,0,0.9); margin-bottom: 2.0vw; }
.asterisk { color: #e22; font-weight: bold; font-size: 1.9rem; }
.mc-field-group { margin: 0.5vw; }
.mc-field-group.inline { display: inline-block; }
.mc-field-group > label { font-size: 2.1rem; font-family: 'Philosopher';  width: 15.0vw !important; max-width: 150px; display: inline-block; color: #00e; text-align: left;  display: none !important; }
.mc-field-group input[type="text"], .mc-field-group input[type="email"] { font-family: 'Times New Roman'; font-size: 2.2rem; border: 2px inset #222; padding: 5px; }
.mc-field-group input[type="text"] { width: 24.0vw; max-width: 240px; }
.mc-field-group input[type="email"], .mc-button { width: 50.0vw; max-width: 500px;  }
.indicates-required { text-align: right; padding-right: 2.0vw; color: #fff; text-shadow: -2px 2px 0 rgba(0,0,0,0.9); margin-bottom: 1.0vw; }
.mc-button { background-color: #922; border: #600; color: #ee0; padding: 0.8vw 1.0vw; margin-top: 2.0vw; font-size: 2.4rem; font-weight: bold; font-family: 'Trajan Pro 3'; cursor: pointer; }
.brandingLogo { text-align: right; }


.glowtexthover:hover {animation: glowtext 4.5s; }

@keyframes glowtext {
    0% {
        text-shadow: 0 0 0;
    }
   100% {
        text-shadow: 0 0 190px rgba(218,165,32,1);
    }
}

.glowboxhover:hover {animation: glowbox 1.5s infinite; }

@keyframes glowbox {
    0% {
        box-shadow: 0 0 0;
    }
   50% {
        box-shadow: 0 0 20px rgba(218,165,32,1);
    }
    0% {
        box-shadow: 0 0 0;
    }
}



.menu_icon {
  width: 20px;
  height: 20px;
  margin: auto;
  z-index: 10;
  cursor: pointer;
  position: relative;
  display: flex;
  display: block !important; 
  align-items: center;
}

.menu_icon span {
  position: absolute;
  display: block;
  height: 4px;
  width: 20px;
  background-color: #fff;
  transform: rotate(0);
  transition: all 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

span.one { top: 0px; }
span.two { top: 8px; }
span.three { top: 16px; }
.clicked .one { transform: translateY(8px) translateX(-1px) rotate(45deg); }
.clicked .two { opacity: 0; }
.clicked .three { transform: translateY(-8px) translateX(-1px) rotate(-45deg); }



.paperbackground1 { background: url(https://www.alexanderdawnrider.com/images/paperback1.jpg); background-attachment: fixed; }
.paperbackground2 { background: url(https://www.alexanderdawnrider.com/images/paperback2.jpg); background-attachment: fixed; }

.paperbackground2 { background: url(https://www.alexanderdawnrider.com/images/paperback2.jpg); background-attachment: fixed; }

.front_featured_table { width: 95%; max-width: 900px; margin: auto; padding-top: 3.0vw; position: relative; z-index: 2; }
.front_featured_descbox { vertical-align: top; text-align: center; width: 70%; }
.front_featured_descbox_title { font-size: 3.3rem; color: #eee; text-align: center; font-weight: bold; font-family: 'Trajan Pro 3'; text-shadow: -3px 3px 0 rgba(0,0,0,0.5); }
.front_featured_descbox_subtitle { font-size: 2.0rem; font-weight: bold; color: #d4af37; text-shadow: 0 0 7px rgba(2, 2, 2, 0.7); text-align: center; font-family: 'Arial'; }
.front_featured_descbox_desc { width: 80%; margin: auto; font-size: 3.1rem; font-weight: bold; text-shadow: -2px 2px 0 rgba(0,0,0,0.4); margin-top: 2.0vw; color: #eee; text-align: center; font-family: 'Times New Roman'; line-height: 150%; font-style: italic; }
.front_featured_descimg { vertical-align: top; text-align: center; }
.front_featured_descimg img { height: 40.0vw; max-height: 400px; }
.front_featured_buttonbox { height: 5.0vw; max-height: 50px; text-align: center; position: relative; z-index: 1; }
.front_featured_button { padding: 0.5vw 3.0vw; display: inline-block; background-color: #732c34; text-align: center; font-size: 3.2rem; font-weight: bold; color: #fff; font-family: 'Philosopher'; margin: auto; border-radius: 5px; }

.fancyribbon { background: hsl(30, 90%, 65%); background-color: #732c34; box-shadow: 2px 6px 12px rgba(0,0,0,0.5); font-family: 'Philosopher', serif; font-size: 16px; line-height: 1.0; text-align: center; margin: 0 auto; position: relative; az-index: 0; width: 50%; }
.fancyribbon:before, .fancyribbon:after { border: 1.75vw solid #732c34; content: ''; display: block; position: absolute; bottom: -1.0vw; z-index: -1; }
.fancyribbon:before { left: -1.5vw; border-right-width: 1.5vw; border-left-color: transparent; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); }
.fancyribbon:after { right: -1.5vw; border-left-width: 1.5vw; border-right-color: transparent; box-shadow: -2px 2px 2px rgba(0,0,0,0.5); }
.fancyribbon-content { box-shadow: inset 0px 1px 1px rgba(0,0,0,0.08), inset 0px -1px 1px rgba(255,255,255,0.08), 0px -1px 1px rgba(255,255,255,0.2), 0px 1px 1px rgba(0,0,0,0.08); display: block; height: 4.0vw; line-height: 4.0vw; }
.fancyribbon-content a, .fancyribbon-content input[type=submit] { color: #f4df67; font-size: 3.2rem; font-weight: bold; display: inline-block; height: 100%; width: 100%; text-decoration: none; }
.fancyribbon-content:before,
.fancyribbon-content:after { content: ''; display: block; position: absolute; border-style: solid; border-color: #432c34 transparent transparent transparent; bottom: -0.5vw; }
.fancyribbon-content:before { left: 0; border-width: 0.5vw 0 0 1vw; }
.fancyribbon-content:after { right: 0; border-width: 0.5vw 1vw 0 0; }

.frontpage_imageback1 { background: url(https://www.alexanderdawnrider.com/images/bookbackimage1.avif) no-repeat;  }
.afrontpage_imagecover1, .amainpage_imagecover1 {  background-color: #222; opacity: 0.5;  }

.frontpage_imageback2 { background: url(https://www.alexanderdawnrider.com/images/bookbackimage2.avif) no-repeat;  }
.frontpage_imagecover2, .mainpage_imagecover2 { background-color: #222; opacity: 0.5;  }

.frontpage_imageback3 { background: url(https://www.alexanderdawnrider.com/images/bookbackimage3.avif) no-repeat;  }
.frontpage_imagecover3, .mainpage_imagecover3 { background-color: #222; opacity: 0.5; height: 40.0vw;  }

.frontpage_imageback1, .frontpage_imageback2, .frontpage_imageback3 { width: 100%; background-size: cover; background-position:center center; height: 50.0vw; max-height: 500px; position: relative; z-index: 0; }
.frontpage_imagecover1, .frontpage_imagecover2, .frontpage_imagecover3 { height: 50.0vw; max-height: 500px;  width: 750px; width: 100%; position: absolute; top: 0; right: 0; z-index: 1; }
.mainpage_imagecover1, .mainpage_imagecover2, .mainpage_imagecover3 {height: 45.0vw; max-height: 450px;  width: 100%; position: absolute; top: 0; right: 0; z-index: 1; }


.tf { width: 100%; height: 5.0vw; position: absolute; left: 0; top: 0; background-color: #200;
background: gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -moz-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -webkit-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
}

.bf { width: 100%; height: 5.0vw; position: absolute; left: 0; bottom: 0; background-color: #200;
background: gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: -moz-linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: -webkit-linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
}
.frontpage_intro { text-align: center; padding: 3.0vw; }
.frontpage_intro .flex { max-width: 1200px; display: flex; flex-direction: row; align-items: center; margin: 0 auto; }
.frontpage_intro .text { width: 90%; text-align: center; font-size: 3.0rem; padding: 0 3.0vw; line-height: 140%; font-family: 'Trajan Pro 3'; color: #eee; }
.frontpage_intro .sword { background: url(https://www.alexanderdawnrider.com/images/intro_sword_300.avif); background-size: 100% 100%; width: 5.0vw; max-width: 50px; height: 15.0vw; max-height: 150px; }

.frontreviews_holder { text-align: center; padding: 5.0vw 2.0vw; background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url(https://www.alexanderdawnrider.com/images/front_reviews_back.avif); background-size: 100% 100%; background-attachment: fixed; border: 3px solid #000; border-width: 2.5vw 0;  position: relative; }
.frontreviews_holder .fb { text-align: center; background: url(https://www.alexanderdawnrider.com/images/fancy_holder_03.avif); filter: drop-shadow(-1.0vw 1.0vw 0.5vw rgba(0, 0, 0, 0.5)); background-size: 100% 100%; padding: 2.0vw 10.0vw 2.0vw 10.0vw; display: inline-block; margin: 1.0vw auto; font-size: 2.5rem; text-decoration: none; color: #222; font-weight: bold; font-family: 'Philosopher';  } 
.frontreviews { text-align: center; margin: 0 auto; max-width: 1200px; }
.frontreviews .bookreviews_text { width: 23.0vw; max-width: 230px; background-color: #003; border-radius: 1.0vw; display: inline-block; text-align: left; margin: 1.0vw; padding: 2.0vw; font-family: 'Philosopher'; font-size: 1.8rem; line-height: 140%; color: #eee; vertical-align: top; box-shadow: -8px 8px 2px rgba(0,0,0,0.3); }
.frontreviews .bookreviews_text p::before, .frontreviews .bookreviews_text p::after { content: "“"; font-family: Georgia; font-size: 8rem; position: absolute; opacity: 0.5; }
.frontreviews .bookreviews_text p::after { content: "”"; margin: 2rem 0 0 0; }
.frontreviews .bookreviews_attribution { font-family: 'Trajan Pro 3'; font-size: 1.6rem; color: #edd;}

.frontpage_subscribe_block { background-color: #000; padding: 3.0vw 0 3.0vw 0; }
.frontpage_subscribe_block .sub { display: flex; flex-direction: row; align-items: center; width: 85%; max-width: 1200px; margin: 0 auto; }
.frontpage_subscribe_block .sub .left { font-size: 2.0rem; color: #fff; width: 60%; text-align: center; }
.frontpage_subscribe_block .sub .left  .title { font-size: 3.5rem; font-family: 'Trajan Pro 3'; color: #fdd; }
.frontpage_subscribe_block .sub .left  .text { font-size: 2.5rem; font-family: 'Philosopher'; color: #fff; line-height: 140%; margin: 1.0vw 0; }
.frontpage_subscribe_block .sub .left  .cta { font-size: 2.7rem; font-family: 'Philosopher'; font-weight: bold; color: #ffa; margin: 2.0vw 0; }
.frontpage_subscribe_block .sub .right { width: 40%; }
.frontpage_subscribe_block .sub .right .scroll { background: url(https://www.alexanderdawnrider.com/images/scroll_300.avif); background-size: 100% 100%; width: 30.0vw; max-width: 300px; height: 21.0vw; max-height: 210px; }


.sign_holder { width: 100%; height: 9.0vw; background-color: #000; text-align: center; }
.sign { float:center; margin: 2.0vw auto; display: inline-block; background: url(https://www.alexanderdawnrider.com/images/wood_board_frame03.avif); background-size: 100% 100%; padding: 1.0vw 3.5vw; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 0.5vw 1.0vw rgba(0, 0, 0, 0.4); transform-style: preserve-3d; backface-visibility: hidden; border-radius: 1.5vw; transform-origin: 50% -6.5vw; animation: sign_swing 1.5s infinite alternate ease-in-out; }
.sign:hover {  animation-play-state: paused; }
.sign .text { font-smoothing: antialiased; font-family: 'Trajan Pro 3'; font-weight: bold; color: #ddd; text-align: center; text-shadow: 0 0 2px rgba(0,0,0,1); margin: 0 auto; line-height: normal; font-size: 3.5rem; background-clip: text; -webkit-background-clip: text; text-shadow: 1px 4px 4px #111111; }
.sign:before { position: absolute; content: ""; border: 3px dotted #444; border-bottom: none; border-left: none; width: 3.0vw; height: 3.0vw; top: -1.5vw; left: 50%; margin-left: -1.7vw; transform: rotate(-45deg); border-radius: 0 5px 0 0; }
.sign:after { position: absolute; content: ""; width: 1.0vw; height: 1.0vw; border-radius: 50%; top: -2.5vw; left: 50%; margin-left: -0.4vw; background: #4c4c4c; background: linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); }

@keyframes sign_swing {
  0% { transform: rotate(-1deg) }
  100% { transform: rotate(1deg) }
}


.explorepage_intro_slideshow_container { position: relative; width: 100%; height: 50.0vw; overflow: hidden; }
.explorepage_intro_slideshow_container .bf { width: 100%; height: 5.0vw; position: absolute; left: 0; bottom: 0; background-color: #200;
background: gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: -moz-linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: -webkit-linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
}
.explorepage_intro_slideshow_container .sub { position: absolute; top: 0px; left: 0px; width: 50%; padding: 3.0vw; }
.explorepage_intro_slideshow_container .sub .header1 { color: #ddd; font-size: 2.0rem; font-family: 'Trajan Pro 3'; }
.explorepage_intro_slideshow_container .sub .header2 { color: #700; font-size: 9.0rem; font-family: 'Fantasy'; font-weight: bold; font-style: italic;  text-shadow: -3px 3px 3px rgba(250, 250,0,0.1); }
.explorepage_intro_slideshow_container .sub .text { color: #ddd; font-size: 2.2rem; margin-left: 2.0vw; margin-top: 3.0vw; font-family: 'Philosopher'; line-height: 150%; }
.explorepage_intro_slideshow_container .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; background-attachment: fixed; opacity: 0; animation: explorepage_intro_slideshow_container_fade-in-out 30s infinite; /* Adjust duration based on number of slides */ }
.explorepage_intro_slideshow_container .slide1 { background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(50, 0, 0, 0.7) ), url(https://www.alexanderdawnrider.com/images/explore_slide_back01.avif); background-size: cover; background-position: center; animation-delay: 0s; }
.explorepage_intro_slideshow_container .slide2 { background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(50, 0, 0, 0.7) ), url(https://www.alexanderdawnrider.com/images/explore_slide_back02.avif); background-size: cover; background-position: center; animation-delay: 6s; /* (Total duration / number of slides) * (slide index - 1) */ }
.explorepage_intro_slideshow_container .slide3 { background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(50, 0, 0, 0.7) ), url(https://www.alexanderdawnrider.com/images/explore_slide_back03.avif); background-size: cover; background-position: center; animation-delay: 12s; }
.explorepage_intro_slideshow_container .slide4 { background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(50, 0, 0, 0.7) ), url(https://www.alexanderdawnrider.com/images/explore_slide_back04.avif); background-size: cover; background-position: center; animation-delay: 18s; }
.explorepage_intro_slideshow_container .slide5 { background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(50, 0, 0, 0.7) ), url(https://www.alexanderdawnrider.com/images/explore_slide_back05.avif); background-size: cover; background-position: center; animation-delay: 24s;  }

@keyframes explorepage_intro_slideshow_container_fade-in-out {
      0% { opacity: 0; }
      10.00% { opacity: 1; } /* Fade in */
      20.00% { opacity: 1; } /* Stay visible */
      30% { opacity: 0; } /* Fade out */
      100% { opacity: 0; } /* Stay hidden until next cycle */
    }

	
.magic_book_explore { width: 10.0vw; height: 10.0vw; position: relative; }
.magic_book1 { background: url(https://www.alexanderdawnrider.com/images/magic_book_01.avif); background-size: 100% 100%; }
.magic_book2 { background: url(https://www.alexanderdawnrider.com/images/magic_book_02.avif); background-size: 100% 100%; }
.magic_book3 { background: url(https://www.alexanderdawnrider.com/images/magic_book_03.avif); background-size: 100% 100%; }
.magic_book4 { background: url(https://www.alexanderdawnrider.com/images/magic_book_04.avif); background-size: 100% 100%; }
.magic_book5 { background: url(https://www.alexanderdawnrider.com/images/magic_book_05.avif); background-size: 100% 100%; }
.magic_book6 { background: url(https://www.alexanderdawnrider.com/images/magic_book_06.avif); background-size: 100% 100%; }

@keyframes icon_glow {
   0% { box-shadow: 0 0 60px rgba(200, 200, 0, 0.9); }
   25% { box-shadow: -4px 0 40px rgba(200, 120, 0, 0.9); }
   50% { box-shadow: 0 0 40px rgba(200, 160, 0, 0.9); }
   75% { box-shadow: 0 4px 40px rgba(200, 120, 0, 0.9); }
   100% { box-shadow: 0 0 60px rgba(200, 200, 0, 0.9); }
}

.explore_holder { text-align: center; background-color: #000; padding: 3.0vw 0;  }
.explore_icon_holder { width: 20.0vw; max-width: 200px; vertical-align: top; text-align: center;  display: inline-block; margin: 4.0vw; }
.explore_icon_holder .title { font-size: 2.0rem; font-weight: bold; margin: 0.5vw 0; font-family: 'Trajan Pro 3'; color: #fff; }
.explore_icon_holder .text { font-size: 1.7rem; line-height: 140%; font-family: 'Philosopher'; color: #fff; }
.explore_icon_circle_big { width: 18.0vw; max-width: 180px; height: 18.0vw; max-height: 180px; border-radius: 50%; background-color: #007; aborder: 5px solid #003; display: flex; align-items: center; justify-content: center; transition: all .6s ease-in-out; }
.explore_icon_circle { width: 14.0vw; max-width: 140px; height: 14.0vw; max-height: 140px; border-radius: 50%; background-color: #005; border: 7px solid #202; display: flex; align-items: center; justify-content: center; }
.explore_icon_circle .sub { width: 9.0vw; max-width: 90px; height: 9.0vw; max-height: 90px; border-radius: 50%; background-color: #300; position: absolute;  
background: radial-gradient(rgba(200, 200, 0, 0.8) 0%, rgba(200, 200, 0, 0.1) 100%); 
background: -moz-radial--gradient(#300 0%, transparent 100%); 
background: -webkit-radial--gradient(#300 0%, #000 80%, #000 100%); 
box-shadow: 0 0 60px rgba(200, 200, 0, 0.9);
}

.explore_icon_circle .sub.s1 { animation: icon_glow 3s infinite; }
.explore_icon_circle .sub.s2 { animation: icon_glow 3.2s infinite; }
.explore_icon_circle .sub.s3 { animation: icon_glow 2.3s infinite; }
.explore_icon_circle .sub.s4 { animation: icon_glow 3.1s infinite; }
.explore_icon_circle .sub.s5 { animation: icon_glow 2.7s infinite; }
.explore_icon_circle .sub.s5 { animation: icon_glow 3.3s infinite; }
.explore_icon_holder:hover .explore_icon_circle_big { animation: icon_pulse 1.5s infinite; }

@keyframes icon_pulse {
 0% { box-shadow: 0 0 0 rgba(200,200,0,0.4); }
 50% { box-shadow: 0 0 110px rgba(200,200,0,0.4); }
 100% { box-shadow: 0 0 0 rgba(200,200,0,0.4); }
}



.map_custom-image { display: none;  }
.map_img-container { max-width: 1000px; }
.amap_div-container1 { width: 500px; cursor: pointer; border: 5px solid #333; box-shadow: -5px 5px 0 rgba(0,0,0,0.5);  position: relative;  }
.amap_div-container2 { width: 800px; cursor: pointer; border: 5px solid #333; box-shadow: -5px 5px 0 rgba(0,0,0,0.5);  }
.amap1_desc { width: 340px; height: 190px; background-color: #ddd; border: 5px solid #222; margin: auto; text-align: center; font-size: 2.0rem; font-family: 'Philosopher'; padding: 1px 10px; margin-bottom: 10px; }
.amap1_desc { width: 340px; height: 190px; background-color: #371d10; border: 5px solid #222; margin: auto; text-align: center; font-size: 2.2rem; font-family: 'Philosopher'; padding: 1px 10px; margin-bottom: 10px; color: #eee; text-shadow: -3px 3px 5px rgba(0,0,0,0.8); }
.map_div-wrapper {  position: relative; width: 100%;  }
.map_background { background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url(https://www.alexanderdawnrider.com/images/map_page_back1.avif); background-size: cover; width: 100%; height: 100%; min-height: 100%; padding: 5.0vw 0; position: relative; }
.map_background .tf { width: 100%; height: 5.0vw; position: absolute; left: 0; top: 0; background-color: #200;
background: gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -moz-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -webkit-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
} 
.map1_holder { width: 90%; margin: auto; display: table; position: relative; }
.map1_desc_holder { vertical-align: top; height: 40.0vw; min-height: 40.0vw; }
.map1_desc .sub1 { display: flex; align-items: center; height: 95%; }
.map1_desc .sub1 .sub2 { display: flex; align-items: center; height: 95%; }
.map1_buttons_holder { width: 90%; margin: auto; text-align: center; }

.map_div-container1 { width: 50.0vw; max-width: 500px; cursor: pointer; border: 5px solid #333; box-shadow: -5px 5px 0 rgba(0,0,0,0.5);  position: relative;  margin: 0 auto; }
.map_div-container2 { width: 90.0vw; max-width: 900px; aheight: 500px; cursor: pointer; border: 5px solid #333; box-shadow: -5px 5px 0 rgba(0,0,0,0.5);  }
.map_div-container9 { width: 500px; height: 750px;  border: 5px solid #333; box-shadow: -5px 5px 0 rgba(0,0,0,0.5);  position: relative; margin: 0 auto; }
.map_info_panel { background: url(https://www.alexanderdawnrider.com/images/wood_board_frame03.avif); background-size: 100% 100%; filter: drop-shadow(-10px 10px 5px rgba(0, 0, 0, 0.4)); width: 32.0vw; max-width: 320px; min-height: 20.0vw; amax-height: 150px; padding: 2.0vw; margin: auto; text-align: center; color: #eee; line-height: 120%; text-shadow: -3px 3px 5px rgba(0,0,0,0.8); font-size: 2.2rem; font-family: 'Philosopher'; margin-bottom: 1.0vw;  display: flex; align-items: center; }

.map_expand_button { width: 100px; height: 16px; padding-bottom: 4px; background-color: #ddd;  z-index: 20; text-align: center; font-size: 1.3rem; vertical-align: middle; line-height: 22px; position: absolute; top: 0; left: 20.0vw;  cursor: pointer; }
.map_expand_button div { vertical-align: middle; display: inline-block; }

.map_expand_button.meb2 { display: none; }
.map_holder_big1 { display: flex; flex-direction: columns; width: 95%; max-width: 1200px; margin: 0 auto; aborder: 1px solid #e00}
.map_holder_big1 .left { aborder: 1px solid #0e0; flex-grow: 1;}
.map_holder_big1 .right { awidth: 45%; aborder: 1px solid #00e; flex-grow: 1; }

.mappy_button { padding: 10px 15px; color: #eee; display: inline-block; font-size: 2.2rem; font-family: 'Philosopher';
background: radial-gradient(#4b371c 0%, #222 40%, #4b371c 6%,#5e2c04 100%); 
background: -moz-radial--gradient(#e00 0%, #000 80%, #000 100%); 
background: -webkit-radial--gradient(#e00 0%, #000 80%, #000 100%); 
}

.map_fancy_button1 { background: url(https://www.alexanderdawnrider.com/images/fantasy_button_01.avif); }
.map_fancy_button2 { background: url(https://www.alexanderdawnrider.com/images/fantasy_button_02.avif); }
.map_fancy_button3 { background: url(https://www.alexanderdawnrider.com/images/fantasy_button_03.avif); }
.map_fancy_button1, .map_fancy_button2, .map_fancy_button3 { background-size: 100% 100%; width: 75%; padding: 1.2vw 2.0vw; margin: 0.2vw auto; text-align: center; color: #222; text-shadow: -3px 3px 5px rgba(0,0,0,0.3); font-weight: bold; font-size: 2.0rem; font-family: 'Philosopher'; cursor: pointer;  filter: drop-shadow(-5px 5px 5px rgba(0, 0, 0, 0.4)); }

.map_link { background: url(https://www.alexanderdawnrider.com/images/fantasy_label01.avif); background-size: 100% 100%; padding: 1.2vw 2.0vw; margin: 0.2vw auto; text-align: center; color: #eee; text-shadow: -3px 3px 5px rgba(0,0,0,0.3); font-weight: bold; font-size: 2.0rem; font-family: 'Philosopher'; acursor: pointer;  filter: drop-shadow(-5px 5px 5px rgba(0, 0, 0, 0.4));); visibility: hidden; }
.map_link a { text-align: center; color: #eee; text-shadow: -3px 3px 5px rgba(0,0,0,0.3); font-weight: bold; font-size: 2.0rem; font-family: 'Philosopher'; cursor: pointer; text-decoration: none; display: inline-block; width: 100%; height: 100%; }

.map_expanding_holder { visibility: hidden; width: 100px; height: 90px; position: fixed; top: 0; left: 0; z-index: 120; background-color: #000; }
.map_button_holder_big { aborder: 2px solid #e00; }
.map_button_holder { display: grid; grid-template-rows: auto; grid-template-columns: 1fr 1fr; }

.map_fancy_button1:hover, .map_fancy_button2:hover, .map_fancy_button3:hover { filter: drop-shadow(-5px 5px 5px rgba(200, 0, 0, 0.4));  }


.map1_buttons_red { 
background-color: #a22; 
background: -webkit-radial-gradient(#a22 0%, #922 75%, #822 100%);
background: -moz-radial-gradient(#a22 0%, #922 75%, #822 100%);
background: radial-gradient(#a22 0%, #922 75%, #822 100%);
background: -moz-linear-gradient(#a22 0%, #922 75%, #822 100%);
border: 2px solid #d4af37; box-shadow: 0 0 6px rgba(0,0,0,0.5); border-radius: 15px; color: #d4af37; text-shadow: 0 1px 3px #000; font-size: 1.5rem; font-weight: bold; padding: 5px 10px; display: inline-block; margin: 5px; cursor: pointer; }

.map1_buttons_blue { 
background-color: #22a; 
background: -webkit-radial-gradient(#22d 0%, #22a 75%, #229 100%);
background: -moz-radial-gradient(#22d 0%, #22a 75%, #229 100%);
background: radial-gradient(#22d 0%, #22a 75%, #229 100%);
background: -moz-linear-gradient(#22d 0%, #22a 75%, #229 100%);
border: 2px solid #d4af37; box-shadow: 0 0 6px rgba(0,0,0,0.5); border-radius: 15px; color: #d4af37; text-shadow: 0 1px 3px #000; font-size: 1.6rem; font-weight: bold; padding: 5px 20px; display: inline-block; margin: 5px; cursor: pointer; }

.map1_buttons_green { 
background-color: #272; 
background: -webkit-radial-gradient(#2a2 0%, #272 75%, #252 100%);
background: -moz-radial-gradient(#2a2 0%, #272 75%, #252 100%);
background: radial-gradient(#2a2 0%, #272 75%, #252 100%);
background: -moz-linear-gradient(#2a2 0%, #272 75%, #252 100%);
border: 2px solid #d4af37; box-shadow: 0 0 6px rgba(0,0,0,0.5); border-radius: 15px; color: #d4af37; text-shadow: 0 1px 3px #000; font-size: 1.7rem; font-weight: bold; padding: 5px 10px; adisplay: inline-block; margin: 5px; cursor: pointer; }
.map2_buttons_holder { width: 90%; margin: auto; text-align: center; }

.map_crosshair { width: 4.0vw; height: 4.0vw; border: 4px dashed #800; border-radius: 50%;
position: absolute; left: 23.2vw; top: 25.3vw; z-index: 100; display: none; 
  animation-name: map_crosshair_spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-moz-keyframes map_crosshair_spin {
    from { -moz-transform: rotate(0deg);  }
    to { -moz-transform: rotate(360deg);  }
}
@-webkit-keyframes map_crosshair_spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(90deg); }
}
@keyframes map_crosshair_spin {
    from {transform:rotate(0deg); }
    to {transform:rotate(360deg); }
}



.about_holder_top, 
.glossary_holder_top,
.glossary_holder_middle,
.glossary_holder_middle2,
.glossary_holder_middle3,
.about_holder_middle 
.about_holder_middle2 
{ height: 30px; background-color: #e00; }

.page_divider1 { height: 3.0vw; max-height: 30px;
background: gradient(#000 0%,  #1b2228 100% ); 
background: -moz-linear-gradient(#000 0%,  #1b2228 100% ); 
background: -webkit-linear-gradient(#000 0%,  #1b2228 100% ); 
background: linear-gradient(#000 0%,  #1b2228 100% ); 
}

.page_divider2  { height: 3.0vw; max-height: 30px; 
background: gradient(#000 0%,  #ede4c5 100% ); 
background: -moz-linear-gradient(#000 0%,  #ede4c5 100% ); 
background: -webkit-linear-gradient(#000 0%,  #ede4c5 100% ); 
background: linear-gradient(#000 0%,  #ede4c5 100% ); 
}

.page_divider3 { height: 3.0vw; max-height: 30px; 
background: gradient(#ede4c5 0%,  #fff 100% ); 
background: -moz-linear-gradient(#ede4c5 0%,  #fff 100% ); 
background: -webkit-linear-gradient(#ede4c5 0%,  #fff 100% ); 
background: linear-gradient(#ede4c5 0%,  #fff 100% ); 
}

.page_divider4 { height: 3.0vw; max-height: 30px; 
background: gradient(#ede4c5 0%,  #222 100% ); 
background: -moz-linear-gradient(#ede4c5 0%,  #222 100% ); 
background: -webkit-linear-gradient(#ede4c5 0%,  #222 100% ); 
background: linear-gradient(#ede4c5 0%,  #222 100% ); 
}

.page_divider5 { height: 3.0vw; max-height: 30px; 
background: gradient(#222 0%,  #fff 100% ); 
background: -moz-linear-gradient(#222 0%,  #fff 100% ); 
background: -webkit-linear-gradient(#222 0%,  #fff 100% ); 
background: linear-gradient(#222 0%,  #fff 100% ); 
}

.page_divider6 { height: 5.0vw; max-height: 50px; 
background: gradient(#2f4145 0%, #3f5155 40%, #5f7175 50%, #fff 100% ); 
background: -moz-linear-gradient(#2f4145 0%, #3f5155 40%, #5f7175 50%, #fff 100% ); 
background: -webkit-linear-gradient(#2f4145 0%, #3f5155 40%, #5f7175 50%, #fff 100% ); 
background: linear-gradient(#2f4145 0%, #3f5155 40%, #5f7175 50%, #fff 100% ); 
}

.page_divider7 { height: 5.0vw; max-height: 50px;  
background: gradient(#fff 0%, #2f4145 30%, #2f4145 70%, #fff 100% ); 
background: -moz-linear-gradient(#fff 0%, #2f4145 30%, #2f4145 70%, #fff 100% ); 
background: -webkit-linear-gradient(#fff 0%, #2f4145 30%, #2f4145 70%, #fff 100% ); 
background: linear-gradient(#fff 0%, #2f4145 30%, #2f4145 70%, #fff 100% ); 
}

.about_holder1_big {  
background-color: #2f4145; 
background: gradient(#1b2228 0%, #2f4145 100% ); 
background: -moz-linear-gradient(#1b2228 0%, #2f4145 100% ); 
background: -webkit-linear-gradient(#1b2228 0%, #2f4145 100% ); 
background: linear-gradient(#1b2228 0%, #2f4145 100% ); 
background: url(https://www.alexanderdawnrider.com/images/about_back01.avif); background-size: 100% 100%; background-size: cover; background-position: center; 

}

.about_holder1_table { width: 90%; margin: auto; max-width: 1200px;  padding: 40px 0; }
.about_holder1 .text {  font-size: 2.1rem; font-family: 'Philosopher', 'Fantasy', arial; color: #eee; text-shadow: 0 0 1.3vw rgba(0,0,0,0.5); padding: 2.5vw 2.5vw; line-height: 150%;  }
.about_holder1 .text .dropcap {  font-size: 3.0rem; font-weight: bold; color: #fdd; }
.about_holder1 .title { font-size: 3.8rem; text-align: center; font-family: 'Trajan Pro 3'; color: #d4af37; text-shadow: -0.4vw 0.4vw 0 rgba(0,0,0,0.35); font-weight: bold; margin-bottom: 2.0vw; }
.about_holder1 .imagebox { vertical-align: top;  margin: 0 0 2.0vw 2.0vw; text-align: center;  float: right; margin-top: 5%; margin-right: -25%; border: 5px outset #444; border-radius: 5px; box-shadow: -5px 5px 10px rgba(2,2,2,0.5); background: url(https://www.alexanderdawnrider.com/images/alexander_profile.avif); background-size: 100% 100%;  width: 30.0vw; max-width: 300px; height: 30.0vw; max-height: 300px;  vertical-align: top;   } 
.about_holder1 { width: 80%; border: 5px groove #422; background-color: rgba(0,0,0,0.7); box-shadow: -5px 5px 20px rgba(0,0,0,0.5); }

.about_holder2 { background-color: #fff; background-color: #000; 
abackground: linear-gradient(#2f4145 0%, #1b2228 80%, #465558 90%, #1b2228 100% );
abackground: linear-gradient(#1b2228 0%, #465558 10%, #1b2228 20%, #2f4145 100% );
abackground: linear-gradient(to right, #22f 0%, #ddd 45%, #2f4145 100% );
}
.about_holder2_table { width: 95%; margin: auto; max-width: 950px; display: table; }
.about_holder2_text { display: table-cell; font-size: 2.3rem; font-family: 'Times New Roman', 'Philosopher', 'Fantasy', arial; color: #222; color: #eee; padding: 1.5vw 2.5vw; line-height: 150%; }
.about_holder2_title { font-size: 2.8rem; font-family: 'Fantasy'; color: #732c34; caolor: #eee; text-shadow: -0.2vw 0.2vw 0 rgba(0,0,0,0.15); font-weight: bold; margin-bottom: 1.0vw; }
.about_holder2_image { display: table-cell;  vertical-align: top;  width: 30.0vw;  max-width: 300px; }
.about_holder2_image img {  height: 30.0vw; max-height: 300px;  }

.magicbox { visibility: hidden; opacity: 0; transition: all .5s ease-in; }
.magicbox.inview { visibility: visible; opacity: 1; }

.social_holder { text-align: center; background-color: #6e2626; 
abackground: gradient(#932c34 0%, #934c54 5%, #932c34 50%, #934c54 95%, #932c34 100%); 
abackground: -moz-linear-gradient(#932c34 0%, #934c54 5%, #932c34 50%, #934c54 95%, #932c34 100%); 
abackground: -webkit-linear-gradient(#932c34 0%, #934c54 5%, #932c34 50%, #934c54 95%, #932c34 100%); 
abackground: linear-gradient(#932c34 0%, #934c54 5%, #932c34 50%, #934c54 95%, #932c34 100%); 

abackground: gradient(#6e2626 0%, #6e4646 5%, #6e2626 50%, #6e4646 95%, #6e2626 100%); 
abackground: -moz-linear-gradient(#6e2626 0%, #6e4646 5%, #6e2626 50%, #6e4646 95%, #6e2626 100%); 
abackground: -webkit-linear-gradient(#6e2626 0%, #6e3636 45%,  #6e3636 55%, #6e2626 100%); 
zbackground: -webkit-linear-gradient(#6e2626 0%, #6e3636 45%, #6e3636 55%, #6e2626 100%); 
abackground: linear-gradient(#6e2626 0%, #6e4646 5%, #6e2626 50%, #6e4646 95%, #6e2626 100%); 
background-color: #000;
 }
.social_holder a { text-decoration: none; color: #eee; font-size: 1.6rem; }
.social_holder .title { font-size: 3.5rem; font-weight: bold; color: #fff; text-shadow: 0 0 6px rgba(0,0,0,0.5); font-family: 'Philosopher'; text-align: center; padding: 1.0vw; margin-bottom: 2.0vx; } 

.asocialbutton { width: 4.8vw; min-width: 32px; max-width: 48px; height: auto; box-shadow: 0 0 1.5vw rgba(0, 0, 0,0.65); border-radius: 10%;  margin: 0 1.0vw;  transition: transform .5s ease-in-out; }
.asocialbutton { font-size: 1.7rem; color: #eee; font-weight: 400; text-shadow: 0 none; }
.asocialbutton:hover { box-shadow: 0 0 5px rgba(0,0,0,0.65);  transform: scale(1.2); }

.social_flipper { display: inline-block;  perspective: 600; z-index: 10; width: 6.0vw; max-width: 60px; height: 8.5vw; max-height: 85px; margin-right: 2.0vw; margin-bottom: 5.0vw; position: relative; text-align: left; cursor: pointer;
  div { width: 100%; height: 100%; position: absolute; transition: all 1.5s; backface-visibility: hidden; }
  img { width: 100%; height: 100%; position: absolute; }
  &:hover .front { z-index: 0; transform: rotateY(180deg); }
  &:hover .back { transform: rotateY(0); }
}

.social_flipper .front {  z-index: 3;
 &:after { acontent: counter(item);  }
}

.social_flipper .back { transform: rotateY(180deg); }

.bookpage_back_image1 { width: 100%; background: url(https://www.alexanderdawnrider.com/images/bookbackimage1.avif) #444; background-size: cover; }
.bookpage_back_image2 { width: 100%; background: url(https://www.alexanderdawnrider.com/images/bookbackimage2.avif) #444; background-size: cover; }
.bookpage_back_image3 { width: 100%; background: url(https://www.alexanderdawnrider.com/images/bookbackimage3.avif) #444; background-size: cover; }


.bookpage_holder { display: flex; gap: 20px; aborder: 2px solid #e00; width: 95%; max-width: 1200px; margin: auto; padding-top: 3.0vw; padding-bottom: 3.0vw; }
.bookpage_rightside { afloat: right; amargin-right: 2.5vw; vertical-align: top; position: relative; width: 40%; }
.bookpage_imageholder {  height: 53.0vw; max-height: 530px; position: absolute; margin-top: 1.0vw;  position: relative; }
.bookpage_imageholder img { height: auto; position: absolute; }
.bookpage_imageholder, .bookpage_imageholder img  { width: 35.0vw; max-width: 350px; }
.bookpage_imageholder img  { height: auto; }
.bookpage_promobox { font-size: 2.0rem; color: #eee; text-align: center; background-color: #050; padding: 1.0vw 2.0vw; width: 50.0vw; max-width: 500px; margin: auto; margin-top: 3.0vw; border-radius: 1.0vw; }
.bookpage_infoblock { border: 1.0vw outset #d4af37; background-color: #a47f07; color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.9);  font-size: 2.0rem; font-family: 'Times New Roman'; border-radius: 1.0vw; width: 75%; margin: auto; padding: 1.0vw 2.0vw; }
.page_titlebar {  font-size: 3.0rem; font-family: 'Trajan Pro 3'; color: #eee; font-weight: bold; text-shadow: -2px 2px 0 rgba(0,0,0,0.5); text-align: center; awidth: 95%; amax-width: 975px; margin: auto; }
.page_titlebar, .bookpage_titlebar { text-align: center; padding: 0.5vw 0 0.5vw 0; 
background-color: #932c34;
background-color: #6e2626;
background: gradient(#6e2626 0%, #6e4646 5%, #6e2626 50%, #6e4646 95%, #6e2626 100%); 
background: -moz-linear-gradient(#6e2626 0%, #6e4646 5%, #6e2626 50%, #6e4646 95%, #6e2626 100%); 
background: -webkit-linear-gradient(#6e2626 0%, #6e3636 45%, #6e3636 55%, #6e2626 100%); 
background: linear-gradient(#6e2626 0%, #6e4646 5%, #6e2626 50%, #6e4646 95%, #6e2626 100%); 
}
.bookpage_title { font-size: 3.5rem; font-family: 'Trajan Pro 3'; color: #eee; font-weight: bold; text-shadow: -2px 2px 0 rgba(0,0,0,0.5); text-align: center; }
.bookpage_series { font-size: 1.9rem; font-family: 'Arial'; text-align: center; color: #ccc4fa; text-shadow: 0 0 1.5vw rgba(2, 2, 2, 0.5); }
.bookpage_descblock { amargin-left: 2.5vw; vertical-align: top; amargin-right: 37.5vw; width: 60%;}
.bookpage_descblock_sub { padding: 2.0vw 2.0vw; background-color: rgba(20,20,20,0.6); border-radius: 10px; }
.bookpage_descintro { font-size: 2.0rem; color: #e00; color: #eee; font-family: 'Trajan Pro 3'; font-weight: bold; text-align: center; padding-top: 1.0vw; text-shadow: 0 0 2.5vw rgba(0,0,0,0.3); }
.bookpage_desctext { font-size: 2.1rem; font-family: 'Times New Roman'; color: #ddd; }

.bookpage_booklink { border: 1px solid #333; background-color: #fff; margin: 10px auto; border-radius: 5px; box-shadow: -2px 2px 0 rgba(0,0,0,0.3); width: 30.0vw; max-width: 300px; text-align: center;  padding: 10px; }
.bookpage_booklink a { white-space: normal; text-wrap: wrap; font-family: 'Trajan Pro 3'; font-size: 1.9rem;color: #333; text-decoration: none;  display: inline-block; height: 100%; width: 100%; }

.books_fancy_label1 { background: url(https://www.alexanderdawnrider.com/images//fancy_holder_03.avif); filter: drop-shadow(-10px 10px 5px rgba(0, 0, 0, 0.5)); background-size: 100% 100%; padding: 23px 4.2vw; margin: auto; text-align: center; margin: 1.0vw auto; width: 25.0vw; max-width: 250px; transition: all .1s ease-in-out; }
.books_fancy_label1 a { white-space: normal; text-wrap: wrap; font-family: 'Trajan Pro 3'; font-weight: 600; font-size: 1.8rem;color: #222; line-height: 120%; text-decoration: none; display: inline-block; width: 100%; height: 100%; }
.books_fancy_label:hover { transform: scale(1.03);  } 

.glowing { position: absolute; min-width: 70.0vw; height: 55.0vw; margin: -15.0vw; transform-origin: right; animation: colorChange 5s linear infinite; }
.glowing:nth-child(even) { transform-origin: left; }

@keyframes colorChange {
0% { filter: hue-rotate(0deg); transform: rotate(0deg); }
100% { filter: hue-rotate(360deg); transform: rotate(360deg); }
}

.glowing span { position: absolute; top: calc(80px * var(--i)); left: calc(80px * var(--i)); bottom: calc(80px * var(--i)); right: calc(80px * var(--i)); }
.glowing span::before { content: ""; position: absolute; top: 50%; left: -8px; width: 4px; height: 4px; background: #f00; border-radius: 50%; opacity: 0.2; }
.glowing span:nth-child(3n + 1)::before { background: rgba(134,255,0,1); box-shadow: 0 0 1.0vw rgba(134,255,0,1), 0 0 4.0vw rgba(134,255,0,1), 0 0 6.0vw rgba(134,255,0,1), 0 0 8.0vw rgba(134,255,0,1), 0 0 0 0.8vw rgba(134,255,0,.1); }
.glowing span:nth-child(3n + 2)::before { background: rgba(255,214,0,1); box-shadow: 0 0 1.0vw rgba(255,214,0,1), 0 0 4.0vw rgba(255,214,0,1), 0 0 6.0vw rgba(255,214,0,1), 0 0 8.0vw rgba(255,214,0,1), 0 0 0 0.8vw rgba(255,214,0,.1); }
.glowing span:nth-child(3n + 3)::before { background: rgba(0,226,255,1); box-shadow: 0 0 1.0vw rgba(0,226,255,1), 0 0 4.0vw rgba(0,226,255,1), 0 0 6.0vw rgba(0,226,255,1), 0 0 8.0vw rgba(0,226,255,1), 0 0 0 0.8 rgba(0,226,255,.1); }
.glowing span:nth-child(3n + 1) { animation: animate 10s alternate infinite; }
.glowing span:nth-child(3n + 2) { animation: animate-reverse 13s alternate infinite; }
.glowing span:nth-child(3n + 3) { animation: animate 8s alternate infinite; }

@keyframes animate {
0% { transform: rotate(180deg); }
50% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

@keyframes animate-reverse {
0% { transform: rotate(360deg); }
50% { transform: rotate(180deg); }
100% { transform: rotate(0deg); }
}



.buyonline_holder {  width: 80%; margin: auto; margin-top: 3.0vw; aborder: 2px solid #00e; font-size: 1.8rem; font-family: 'Times New Roman'; font-weight: bold; text-align: center; color: #333; }
.buyonline_subholder { width: 90%; border-radius: 10px; margin: auto; text-align: center; padding: 10px; }
.buyonline_title { text-align: center; font-size: 3.6rem; font-weight: bold; color: #d4af37; color: #229; font-family: 'Philosopher'; }
.buyonline_title::before,
.buyonline_title::after {     display: inline-block;     content: "";     border-top: .3rem solid #d4af37;     width: 5.0vw;     margin: 0 1rem;     transform: translateY(-1rem); }
.buyonline_subtitle { text-align: center; margin-top: 15px; margin-bottom: 5px; font-size: 3.0rem; font-weight: bold; color: #d4af37; font-family: 'Philosopher'; }
.buyonline_button { display: block; width: 100%; border: 1px solid #0c1453; border-radius: 5px; box-shadow: 0 0 4px rgba(0,0,0,0.7);  box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.67); margin: 3.0vw 0 1.0vw 0; padding: 1.0vw 1.0vw; 
background-color: #2c3473; 
background: gradient(#2c3473 0%, #4c5493 50%, #2c3473 100%);
background: -moz-linear-gradient(#2c3473 0%, #4c5493 50%, #2c3473 100%);
background: -webkit-linear-gradient(#2c3473 0%, #4c5493 50%, #2c3473 100%);
background: linear-gradient(#2c3473 0%, #4c5493 50%, #2c3473 100%);
}
.buyonline_button a { display: block; width: 100%; height: 100%; color: #eee; text-shadow: 0 0 5px rgba(0,0,0,0.5);  text-decoration : none; font-size: 2.0rem; font-weight: bold; text-align: center; font-family: 'Fantasy'; transition: transform .2s ease-in-out; }
.buyonline_button:hover a { transform: scale(1.2);  }
.buyonline_item { display: inline-block; position: relative; width: 10.0vw; margin: 1.0vw; sfont-size: 1.8rem; text-align: center; }
.buyonline_item a { text-decoration: none; }
.buyonline_item span { display: inline-block; vertical-align: middle; visibility: hidden; opacity: 0; position: absolute; bottom: 10.0vw; awidth: 9.0vw; background-color: #222; color: #eee; border-radius: 0.5vw; padding: 0.5vw; amin-height: 2.0vw;  aline-height: 2.0vw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.buyonline_item:hover span, .buyonline_item:hover div { adisplay: block; white-space: nowrap; visibility: visible; opacity: 1; bottom: 11.0vw; transition: all .2s ease-in;}
.buyonline_item img { width: 10.0vw; max-width: 100px; border-radius: 2.5vw; background-color: #fff; border: 1px solid #222; box-shadow: -3px 3px 0 rgba(0, 0, 0, 0.5); }


.wrap-collabsible { margin-bottom: 1.2rem 0; }
.wrap-collabsible input[type='checkbox'] { display: none; }
.wrap-collabsible .lbl-toggle { display: block; font-weight: bold; font-size: 1.8rem; text-align: left; cursor: pointer; color: #a55; transition: all 0.25s ease-out; }
.wrap-collabsible .lbl-toggle::after { content: ' '; display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid currentColor; vertical-align: middle; margin-left: .7rem; transform: translateY(-2px); transition: transform .2s ease-in-out; }
.wrap-collabsible .toggle:checked + .lbl-toggle::after { transform: rotate(-90deg) translateX(-3px); }
.wrap-collabsible .collapsible-content {  max-height: 0px;  overflow: hidden;  transition: max-height .65s ease-in-out; }
.wrap-collabsible .toggle:checked + .lbl-toggle + .collapsible-content { max-height: 100vh; }
.wrap-collabsible .toggle:checked + .lbl-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.wrap-collabsible .collapsible-content .content-inner { font-size: 2.0rem; background: rgba(250, 224, 66, .2); border-bottom: 1px solid rgba(250, 224, 66, .45); border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; padding: .5rem 1rem; }



.races_opening_text_background { background-size: cover; width: 100%; height: 100%; padding: 2.0vw 0; position: relative; 
background-image: gradient(rgba(0, 0, 0, 0.6), rgba(50, 0, 0, 0.6)) , url(https://www.alexanderdawnrider.com/images/races_header_background.avif);
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(50, 0, 0, 0.6)) , url(https://www.alexanderdawnrider.com/images/races_header_background.avif);
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(50, 0, 0, 0.6)) , url(https://www.alexanderdawnrider.com/images/races_header_background.avif);
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.6), rgba(50, 0, 0, 0.6)) , url(https://www.alexanderdawnrider.com/images/races_header_background.avif);
 }
.races_item_text_background { padding: 1.0vw 1.0vw; 
background: gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.3) 90%, rgba(0,0,0,0.1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.3) 90%, rgba(0,0,0,0.1) 100%);
background: -webkit-linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.3) 90%, rgba(0,0,0,0.1) 100%);
background: -moz-linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.3) 90%, rgba(0,0,0,0.1) 100%);
}
.races_item_background { background-size: cover; width: 100%; height: 100%; position: relative; padding: 3.0vw 0; z-index: 3; }
.races_opening_text_background .rtf, .races_item_background .rtf { width: 100%; height: 5.0vw; position: absolute; left: 0; top: 0; background-color: #200; z-index: 4;
background: gradient(to bottom, #000 0%, #000 30%, transparent 100%); 
background: -moz-linear-gradient(to bottom, #000 0%, #000 30%, transparent 100%); 
background: -webkit-linear-gradient(to bottom, #000 0%, #000 30%, transparent 100%); 
background: linear-gradient(to bottom, #000 0%, #000 30%, transparent 100%); 
}

.races_opening_text_background .rbf, .races_item_background .rbf { width: 100%; height: 5.0vw; position: absolute; left: 0; bottom: 0; background-color: #200; z-index: 4;
background: gradient(to bottom, transparent 0%, #000 30%, #000 100%); 
background: -moz-linear-gradient(to bottom, transparent 0%, #000 30%, #000 100%); 
background: -webkit-linear-gradient(to bottom, transparent 0%, #000 30%, #000 100%); 
background: linear-gradient(to bottom, transparent 0%, #000 30%, #000 100%); 
}


.race_character_list_holder { width: 95%; margin: 0.8vw auto;  }
.race_character_list { color: #eee; font-size: 2.0rem; text-align: left; width: 90%; margin: 0.8vw auto; line-height: 140%; font-family: 'Times New Roman'; }
.race_character_list .type { color: #ffa; font-size: 2.1rem; font-style: italic; }
.race_character_list a { color: #eee; font-size: 2.0rem; text-decoration: none; }
.race_character_list a:hover { color: #aae; text-decoration: underline; }

.race_character_list_button { background: url(https://www.alexanderdawnrider.com/images/fantasy_button_01.avif); filter: drop-shadow(-1.0vw 1.0vw 0.5vw rgba(0, 0, 0, 0.5)); background-size: 100% 100%; width: 50%;  padding: 1.5vw 4.5vw 2.5vw 4.5vw; margin: auto; margin-top: 2.0vw; margin-bottom: 1.0vw; }
.race_character_list_button { display: inline-block; font-size: 2.3rem; font-family: 'Fantasy'; font-weight: bold; padding: 1.5vw 3.0vw; color: #000; border: 0; cursor: pointer; }

.race_list_name { font-size: 2.0rem; font-weight: bold; }
.race_list_pron { font-size: 1.6rem; font-style: italics; padding-left: 3.0vw;} 
.race_list_desc { font-size: 1.4rem; }

.races_opening_text { width: 90%; max-width: 1200px; margin: auto; color: #ddf; padding: 3.0vw; font-size: 2.1rem; line-height: 140%; font-family: Philosopher; text-align: center; text-shadow: -0.2vw 0.2vw 0.4vw rgba(0,0,0,0.7); }
.races_opening_text .bold { font-weight: bold; font-size: 110%; } 
.races_list { margin: auto;  border-spacing: 0 1.0vw; text-align: center;  }
.races_list_col { width: 47%; vertical-align: top; padding: 1.5vw 1.5vw; border: 2px groove #888; }
.races_item { padding-bottom: 2.0vw; text-align: left; width: 90%; max-width: 1200px; margin: auto;  }

.races_name { color: #a55; font-weight: bold; text-align: left; padding-top: 2.0vw; padding-bottom: 1.0vw; }
.races_name_pron { font-size: 1.6rem; font-style: italics; font-family: arial; padding-left: 1.2vw;} 

.races_name_sub { font-size: 2.3rem; font-weight: bold; white-space: nowrap; font-family: 'Trajan Pro 3';  text-shadow: -2px 2px 0 rgba(0,0,0,0.5); }
.races_desc {  font-size: 2.2rem; color: #eee; line-height: 130%; font-family: 'Philosopher', 'Times New Roman';  padding-bottom: 2.0vw; padding-left: 2.0vw; transition: all .3s ease-in-out; } 
.araces_desc:hover { transform: scale(1.01);  }
.races_origin { font-size: 1.6rem; font-style: italic; font-weight: bold; color: #005; }

.races_image { float: right; margin: 0 1.0vw 0 1.0vw; border-color: transparent; border-radius: 40%; }

.races_item_characters { color: #fad; font-family: 'Trajan Pro 3'; font-size: 1.8rem; text-align: left; }
.races_item_characters a { color: #fd0; text-decoration: none; }
.races_item_characters a:hover { color: #ff0; }

.races_image_human { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)) , url(https://www.alexanderdawnrider.com/images/races_human_800.avif); }
.races_image_egyzemor { background-image: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)) , url(https://www.alexanderdawnrider.com/images/races_egyzemor_800.avif); }
.races_image_voladorm { background-image: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)) , url(https://www.alexanderdawnrider.com/images/races_voladorm_800.avif); }
.races_image_bisegus { background-image: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)) , url(https://www.alexanderdawnrider.com/images/races_bisegus_800.avif); }
.races_image_hafu { background-image: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)) , url(https://www.alexanderdawnrider.com/images/races_hafu_800.avif); }
.races_image_erdi { background-image: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)) , url(https://www.alexanderdawnrider.com/images/races_erdi_800.avif); }

.races_list_divider { width: 90%; margin: auto; background-color: #d4af37; border-color: #d4af37; color: #d4af37; height: 2px;  box-shadow: 0 0 3px rgba(0,0,0,0.5);  margin-bottom: 0.7vw;  opacity: 0.5; }

.races_image_fade { box-shadow: 3.0vw 3.0vw 6.0vw 0 white inset, -3.0vw -3.0vw 6.0vw 0 white inset; background-size: cover; background-position:center; width: 30.0vw; height: 20.0vw;  max-width: 300px; max-height: 200px; border-color: transparent}


.main_booklist_img  { width: 30.0vw; max-width: 300px; height: auto; text-align: center; position: relative; z-index: 3; visibility: hidden; opacity: 0; }
.main_booklist_img.right { float: right; }
.main_booklist_img.left { float: left; }
.main_booklist_img.inview, .main_booklist_textholder.inview { visibility: visible; opacity: 1; transition: all .5s ease-in; }


.linktree_holder_big { background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(https://www.alexanderdawnrider.com/images/linktree_background.avif);  background-size: 100% 100%; background-attachment: fixed; width: 100%; height: 100%; }
.linktree_holder { width: 70%; margin: auto; }

.linktree_line { border: 4px solid #000; width: 100%; margin-bottom: 1.0vw; padding: 0.5vw;  background-color: #abf; 
background: -webkit-linear-gradient(#111 0%, #237 40%, #237 60%, #111 100%); 
background: -moz-linear-gradient(#111 0%, #237 40%, #237 60%, #111 100%); 
background: linear-gradient(#111 0%, #237 40%, #237 60%, #111 100%); 
border-radius: 2.0vw; }
.linktree_line a { font-family: 'Philosopher'; font-size: 2.2rem; color: #ffe; text-shadow: 0 0 3px rgba(0,0,0,0.5);  text-decoration: none; display: inline-block; width: 100%; height: 100%; aletter-spacing: 2px; } 
.linktree_line:hover {  background-color: #bcf; 
background: -webkit-linear-gradient(#111 0%, #459 40%, #459 60%, #111 100%); 
background: -moz-linear-gradient(#111 0%, #459 40%, #459 60%, #111 100%); 
background: linear-gradient(#111 0%, #459 40%, #459 60%, #111 100%); 
}
.linktree_line .sub1, .linktree_line .sub2 { vertical-align: middle; text-align: center; }
.linktree_line .sub1 { display: table-cell; width: 6.0vw; }
.linktree_line .sub2 { display: table-cell; width: 99%; }
.linktree_line .socialbutton2 { width: 3.2vw; min-width: 32px; max-width: 32px; height: auto; vertical-align: middle; }

.linktree_imagebox { vertical-align: top;  padding: 1.0vw 0; margin: 0 auto; text-align: center; }
.linktree_image { border-radius: 50%; box-shadow: 0.5vw 0 1.2vw 1.2vw #2f4145 inset; background: url(https://www.alexanderdawnrider.com/images/alexander_profile.avif); background-size: 100% 100%;  width: 20.0vw; max-width: 200px; height: 20.0vw; max-height: 200px; margin: 0 auto; } 

.link_series_holder {  margin: 2.0vw auto; padding: 1.0vw; width: 70.0vw; max-width: 700px; text-align: center; }
.link_series_title { font-size: 2.8rem; font-family: 'Trajan Pro 3'; font-weight: bold; color: #501; background-color: #d4af37; padding: 0.9vw 0 0.5vw 0; border-radius: 1.0vw; margin-bottom: 1.0vw; }
.link_books_holder { width: 70.0vw; max-width: 700px; margin: auto; text-align: center; margin-bottom: 2.0vw; }
.link_books_book { width: 15.0vw; padding: 1.0vw 1.0vw; margin: 1.5vw 1.5vw; display: inline-block; vertical-align: top; text-align: center;  background-color: #359; border-radius: 1.0vw; min-height: 23.0vw; }
.link_books_book a { font-family: 'Philosopher'; text-decoration: none; font-size: 1.9rem; color: #eef; text-shadow: 3px 3px 0 rgba(0,0,0,0); afont-weight: bold; }
.link_books_book img { width: 12.5vw; height: auto; max-width: 125px; margin: 0 auto; }


.poll_timer { width: 50.0vw; max-width: 500px; text-align: center; margin: 1.0vw auto; font-size: 1.8rem; color: #222; font-family: 'Trajan Pro 3'; }
.poll_page_background { background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://www.alexanderdawnrider.com/images/poll_background.avif'); background-size: cover; padding: 3.0vw 0; position: relative; text-align: center; }
.poll_page_background .tf { width: 100%; height: 4.0vw; position: absolute; left: 0; top: 0; background-color: #200; 
background: gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -moz-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -webkit-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
}
.poll_page_background .bf { width: 100%; height: 4.0vw; position: absolute; left: 0; bottom: 0; background-color: #200;
background: gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: -moz-linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: -webkit-linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
}

.poll_holder_big_title { font-size: 4.0rem; font-family: 'Trajan Pro 3'; color: #411; text-align: center; margin-bottom: 3.0vw; }
.poll_holder_instructions { font-size: 2.2rem; font-family: 'Times New Roman', color: #000; margin-bottom: 2.0vw; line-height: 140%; }
.poll_holder { margin: 5.0vw auto; width: 70%; padding: 7.0vw 11.0vw; text-align: center; color: #222; background-color: #fff;  }
.poll_holder { background: url('https://www.alexanderdawnrider.com/images/parchment_back.avif'); background-size: 100% 100%; filter: drop-shadow(-1.0vw 1.0vw 1.5vw rgba(0, 0, 0, 0.5)); }
.poll_holder .question { font-size: 2.5rem; font-weight: bold; font-family: 'Philosopher'; text-align: center;  }
.poll_holder .question_instr { font-size: 2.0rem; font-style: italic; font-family: 'Philosopher'; text-align: center;  }
.poll_holder .answers_holder { width: 30.0vw; max-width: 300px; margin: 3.0vw auto; font-size: 2.4rem; font-family: 'Times New Roman'; }
.poll_holder .answers_holder .line { text-align: left;  margin-bottom: 0.5vw; white-space: nowrap; }
.poll_holder .answers_holder .line > label > input[type='radio'], .poll_holder .answers_holder .line > label > input[type='checkbox'] { visibility: hidden; }
.poll_holder .answers_holder .line > label > img { display: inline-block; padding: 0; height: 3.0vw; max-height: 30px; width: 3.0vw; max-width: 30px; background-size: cover; background: none; vertical-align: middle; cursor: pointer;  }
.poll_holder .answers_holder .line > label > input:checked +img {  background: url(https://www.alexanderdawnrider.com/images/red_x.avif); background-repeat: no-repeat; background-position:center center; background-size: cover; }
.poll_holder .answers_holder .textfield { min-width: 200px; background-color: transparent; font-size: 2.4rem; font-family: 'Times New Roman';  border: 1px solid #000; cursor: pointer; outline: none;}
.poll_holder .answers_holder .textfield:focus { border: 2px solid #700;  }
.poll_holder .answers_holder .submit { background: url('https://www.alexanderdawnrider.com/images/fantasy_button_01.avif'); background-size: 100% 100%; font-size: 2.1rem; font-family: 'Philosopher'; color: #000; filter: drop-shadow(-1.0vw 1.0vw 0.5vw rgba(0, 0, 0, 0.5)); padding: 1.0vw 4.5vw 1.0vw 4.5vw; border: none; cursor: pointer; margin-top: 2.0vw; } 
.poll_holder .errormessage { font-size: 2.7rem; text-align: center; font-family: 'Trajan Pro 3'; color: #400; margin: 2.0vw auto; }

.poll_results_holder_huge { width: 80.0vw; max-width: 800px; margin: 1.0vw auto 3.0vw auto; }
.poll_results_holder_big { text-align: center; margin: 1.0vw auto; padding: 3.0vw; background: url('images/wood_board_frame02.avif'); background-size: 100% 100%; }
.poll_results_holder { width: 60.0vw; max-width: 600px; margin: 1.0vw auto; border: 4px inset #555;  }
.poll_results_holder .grid { display: grid; grid-template-columns: 2fr 5fr 1fr; grid-template-rows: auto; gap: 0; width: 100%; }
.poll_results_holder .name { font-size: 2.1rem; color: #000; background-color: #fff; font-family: 'Times New Roman'; text-align: left; padding: 0.3vw 0.6vw; border: 1px solid #222; border-width: 0 0 1px 0 }
.poll_results_holder .perc { font-size: 2.0rem; color: #000; background-color: #fff; font-family: 'Times New Roman'; text-align: center; padding: 0.3vw 0.6vw; border: 1px solid #222; border-width: 0 0 1px 0 }
.poll_results_holder_big .other_answers { margin: 2.0vw auto; }
.poll_results_holder_big .other_answers .title { width: 60.0vw; max-width: 600px; font-size: 2.3rem; color: #000; background-color: #fff; font-family: 'Times New Roman'; font-weight: bold; margin: 0 auto; text-align: center; padding: 0.3vw 0.6vw; }
.poll_results_holder_big .other_answers .title { background: url('images/fantasy_button_01.avif'); background-size: 100% 100%; font-size: 2.1rem; font-family: 'Philosopher'; color: #000; padding: 1.0vw 4.5vw 1.0vw 4.5vw; display: inline; } 

.poll_results_holder .slider { width: 99%; height: 98%; border: 1px solid #222; background-color: #ddd; display: flex; align-items: center;}
.poll_results_holder .filler { height: 80%;  }
.poll_results_holder .filler_color1 { background-color: #900; }
.poll_results_holder .filler_color2 { background-color: #090; }
.poll_results_holder .filler_color3 { background-color: #009; }
.poll_results_holder .filler_color4 { background-color: #909; }
.poll_results_holder .filler_color5 { background-color: #990; }
.poll_results_holder .filler_color6 { background-color: #099; }

.poll_results_holder_big .subheader { font-size: 2.8rem; text-align: center; color: #eee; font-family: 'Fantasy'; text-shadow: 0 0 5px rgba(0,0,0,0.7); margin-bottom: 1.0vw;  }
.poll_results_holder_big .header { width: 100%; text-align: center; }
.poll_results_holder_big .header .title { font-size: 2.3rem; text-align: center; font-weight: bold; font-family: 'Philosopher'; background-color: #222; color: #eee; padding: 0.5vw 2.0vw; display: inline-block; border-radius: 1.0vw 2.0vw; }
.poll_results_holder_big .header .title { background: url('images/fancy_holder_03.avif'); background-size: 100% 100%; font-size: 2.1rem; font-family: 'Philosopher'; color: #000; filter: drop-shadow(-1.0vw 1.0vw 0.5vw rgba(0, 0, 0, 0.5)); padding: 2.0vw 8.5vw 2.0vw 8.5vw; border: none; } 
.poll_results_holder_big .nothing { text-align: center; font-size: 2.1; color: #eee; text-shadow: -2px 2px 0 rgba(0,0,0,0.5); margin: 2.0vw auto; }

.poll_results_holder_big .sub { width: 90%; display: flex; margin: 2.0vw auto 0.5vw auto;  }
.poll_results_holder_big .sub .left { text-align: left; width: 70%; white-space: nowrap; }
.poll_results_holder_big .sub .right { text-align: right; width: 30%; }

.poll_results_holder_big .sub .left, .poll_results_holder_big .sub .right { font-size: 1.8rem; flex: 1; color: #fff; text-shadow: -3px 3px 4px rgba(0,0,0,0.5); font-weight: bold; }
.previous_poll_title { margin: 1.0vw auto; text-align: center; background: url(https://www.alexanderdawnrider.com/images/fancy_holder_01.avif); filter: drop-shadow(-1.0vw 1.0vw 0.5vw rgba(0, 0, 0, 0.5)); background-size: 100% 100%; padding: 2.0vw 10.0vw 2.0vw 10.0vw; display: inline-block; margin: 1.0vw auto; font-size: 2.5rem; text-decoration: none; color: #222; font-weight: bold; font-family: 'Philosopher';  }
.poll_page_button { background: url(https://www.alexanderdawnrider.com/images/fantasy_button_01.avif); filter: drop-shadow(-1.0vw 1.0vw 0.5vw rgba(0, 0, 0, 0.5)); background-size: 100% 100%; width: 50%;  padding: 1.5vw 4.5vw 1.5vw 4.5vw; margin: auto; margin-top: 2.0vw; margin-bottom: 1.0vw; }
.poll_page_button { font-size: 2.3rem; text-decoration: none; text-align: center; color: #222; display: inline-block; text-shadow: -3px 3px 5px rgba(0,0,0,0.3); font-weight: bold; font-family: 'Philosopher'; }



.betaformholder { width: 90%; margin: auto; }
.betabooktitle { font-size: 2.7rem; text-align: center; font-family: 'Philosopher'; }
.betabooksubtitle { font-size: 2.4rem; text-align: center }
.betaformmessage { font-size: 1.6rem; width: 70%; margin: auto; text-align: center; color: #eee; padding: 1.0vw; border-radius: 2.5vw; box-shadow: -2px 2px 0 rgba(0,0,0,0.5); 
abackground-color: #522; 
background-color: #6e2626;
background: gradient(#6e2626 0%, #6e4646 5%, #6e2626 50%, #6e4646 95%, #6e2626 100%); 
background: -moz-linear-gradient(#6e2626 0%, #6e4646 5%, #6e2626 50%, #6e4646 95%, #6e2626 100%); 
background: -webkit-linear-gradient(#6e2626 0%, #6e3636 45%, #6e3636 55%, #6e2626 100%); 
background: linear-gradient(#6e2626 0%, #6e4646 5%, #6e2626 50%, #6e4646 95%, #6e2626 100%); 
 }
.betaformtable { border-collapse: collapse;  }
.betaformtable td { padding: 1.0vw; vertical-align: top;  border: 1px solid #999; border-width: 0 0 1px 0; border-collapse: collapse; }
.betaforminstrbox { font-size: 2.0rem; padding: 1.5vw; color: #ffd; text-align:center; line-height: 120%; 
background-color: #008; 
background: gradient(top, #26266e 0%, #26266e 50%,#000 100%);
background: -moz-linear-gradient(top, #26266e 0%, #26266e 50%, #000 100%);
background: -webkit-linear-gradient(top, #26266e 0%, #26266e 50%, #000 100%);
background: linear-gradient(top, #26266e 0%, #26266e 50%, #000 100%);
}
.betaforminstrbox a { color: #eee; }
.betaformtext { font-size: 1.7rem; font-weight: bold; font-family: arial; }
.betaformext { font-size: 1.6rem; padding: 9px; margin-top: 0.5vw; background-color: #e8e8ff; border-radius: 1.0vw; }
.betaformfield { font-size: 1.7rem; }
.betaformcheck {}
.betaformmultiholder { aborder: 1px solid #e00; }
.betaformmultidiv { aborder: 1px solid #00e; display: inline-block; margin: 0.5vw 1.0vw; white-space: nowrap;  }
.formtextwidth { width: 40.0vw; }
.betaformconfirm { background-color: #d88; padding-top: 2.0vw; }
.betaformthankyou { width: 70%; margin: auto; text-align: center; border: 3px solid #09a; border-radius: 1.5vw; padding: 2.0vw; font-size: 2.0rem; }

.betaprocess_box1 { width: 85%; margin: auto; }
.betaprocess_box2 { width: 90%; margin: auto; background-color: #def; border: 3px solid #09a; border-radius: 13px; box-shadow: -3px 3px 0 rbga(0,0,0,0.4) }
.betaprocess_box1 p { font-size: 19px; font-family: 'Times New Roman'; margin-bottom: 30px; }
.betaprocess_box2 p, .betaprocess_box2 li { font-size: 17px; font-family: 'Arial'; line-height: 140%; margin-bottom: 15px;  }


.bookreviews_holder_big { amargin-top: 1.0px; text-align: center;  }
.bookreviews_holder_top { border: 7.5vw solid #1b2228; border-top-color: transparent;  border-width: 3.0vw 30.0vw 1.5vw 70.0vw;  }
.bookreviews_holder_bottom { border: 7.5vw solid #2f4145; border-bottom-color: transparent;  border-width: 2.0vw 60.0vw 2.5vw 40.0vw;  }
.abookreviews_holder_big.inview { visibility: visible; opacity: 1; transition: all 1s ease-in; }
.bookreviews_holder {  padding: 2.0vw 5.0vw; text-align: center; aborder-width: 5px 0; position: relative;
background-color: #005;
background: url(https://www.alexanderdawnrider.com/images/bookreviews_background.avif) #559; background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
 }
 
.bookreviews_title, .bookreviews_title2 { text-align: center; font-size: 3.6rem; font-weight: bold; color: #d4af37;  margin-bottom: 40px; font-family: 'Philosopher'; }
.bookreviews_title::before, .bookreviews_title::after, .bookreviews_title2::before, .bookreviews_title2::after { display: inline-block; content: ""; border-top: .3rem solid #d4af37; width: 5.0vw; margin: 0 1rem; transform: translateY(-1rem); }
.abookreviews_title2 { color: #229; }
.bookreviews_text { font-family: 'Fantasy'; font-size: 1.9rem; color: #ffe; text-shadow:  -2px 2px 0 rgba(0,0,0,0.7); width: 95%; max-width: 850px; margin: auto; margin-bottom: 4.0vw;  }
.bookreviews_attribution { font-size: 2.0rem; padding-top: 5px; text-align: right; color: #ffd; text-shadow: none; font-weight: bold; font-family: Times New Roman;}

.rightslideinbox { transform: translatex(20.0vw); 
    -webkit-animation: slideinright 1s forwards;
    -webkit-animation-delay: 1.6s;
    animation: slideinright 1s forwards;
    animation-delay: 1.6s;
}


.stone_sign { background: url(https://www.alexanderdawnrider.com/images/stone_sign.avif); background-size: 100% 100%; width: 60.0vw; max-width: 600px; padding: 5.0vw 11.0vw; margin: 1.0vw auto; filter: drop-shadow(-8px 8px 2px rgba(0, 0, 0, 0.5));}
.stone_sign .text { background-color: #000; font-family: 'Trajan Pro 3'; text-align: center; font-size: 3.5rem; font-weight: bold; background-clip: text;  -webkit-background-clip: text; color: transparent;  text-shadow: 3px 5px 1px rgba(245, 245, 245, 0.5); }

.hanging_banners_holder { background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(https://www.alexanderdawnrider.com/images/hanging_banners_background.avif); background-size: auto; padding: 2.0vw 0; width: 100%; border: 1.5vw inset #444; border-width: 1.5vw 0 1.5vw 0; }

.hanging_banners ul {
  --col-gap: 2.0vw;
  --barH: 1.5vw;
  --barHm: 15px;
  --roleH: 2.0vw;
  --flapH: 3.0vw;

  margin: 0 auto;
  justify-content: center; 
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  gap: var(--col-gap);
  padding-inline: calc(var(--col-gap) / 2);
  align-items: flex-start;
  list-style: none;
}

.hanging_banners ul a { text-decoration: none; }
	
.hanging_banners ul li {
  width: 17.5vw;
  max-width: 175px; 
  amin-height: 20.0vw;
  height: 100%;
  display: grid;
  box-shadow: -3px 3px 0 rgba(0,0,0,0.5);
  grid-template:
    "role"
    "icon"
    "title"
    "descr";
	vertical-algin: top;
  align-items: flex-start;
  align-self: flex-start;
  align-content: start;
  gap: 1.0vw;
  gap: 10px; 
  padding-block-end: calc(var(--flapH) + 1.0vw);
  text-align: center;
  background: var(--accent-color);
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.6) var(--roleH),
    rgba(0, 0, 0, 0.4) calc(var(--roleH) + 0.5vw),
    rgba(0, 0, 0, 0) calc(var(--roleH) + 0.5vw + 5vw)
  );
  clip-path: polygon(
    calc(var(--col-gap) / -2 - 0.5vw) 0,
    calc(100% + var(--col-gap) / 2 + 0.5vw) 0,
    calc(100% + var(--col-gap) / 2 + 0.5vw ) calc(100% - var(--flapH)),
    50% 100%,
    calc(var(--col-gap) / -2 - 5px) calc(100% - var(--flapH))
  );
  transition: all .7s ease-in-out;
}

.hanging_banners ul li:hover {   background: var(--accent-color2); aheight: 120%; aheight: 22.0vw; atransform: scale(1.1); }


/* bar */
.hanging_banners ul li::before {
  content: "";
  grid-area: role;
  height: var(--barH);
  max-height: var(--barHm);
  width: calc(100% + var(--col-gap));
  margin-left: calc(var(--col-gap) / -2);
  margin-top: calc(var(--roleH) / 2 - var(--barH) / 2);
  background: grey;
  z-index: -1;
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.2) 30%,
    rgba(255, 255, 255, 0.1) 40%,
    rgba(0, 0, 0, 0.1) 60%,
    rgba(0, 0, 0, 0.2) 70%,
    rgba(0, 0, 0, 0.4)
  );
  background: url(https://www.alexanderdawnrider.com/images/banner_bar_texture.avif);
  background-size: cover;
}

/* role */
.hanging_banners ul li::after {
  content: "";
  grid-area: role;
  background: var(--accent-color);
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.2) 30%,
    rgba(255, 255, 255, 0.1) 40%,
    rgba(0, 0, 0, 0.1) 60%,
    rgba(0, 0, 0, 0.2) 70%,
    rgba(0, 0, 0, 0.4)
  );
  height: var(--roleH);
}

.hanging_banners ul li .icon, .hanging_banners ul li .title, .hanging_banners ul li .descr { padding-inline: 1.0vw; color: white; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.hanging_banners ul li .icon { font-size: 3.0rem; }
.hanging_banners ul li .title { font-size: 2.2rem; font-weight: 700; }
.hanging_banners ul li .descr { font-size: 1.8rem; line-height: 140%; }


.banner_icon_map { background: url(https://www.alexanderdawnrider.com/images/icon_map_42.avif); height: 42px; width: 42px; background-size: cover; display: inline-block; margin: 10px auto; }
.banner_icon_glossary { background: url(https://www.alexanderdawnrider.com/images/icon_book_42.avif); height: 42px; width: 42px; background-size: cover; display: inline-block; margin: 10px auto; }
.banner_icon_races { background: url(https://www.alexanderdawnrider.com/images/icon_races_42.avif); height: 42px; width: 42px; background-size: cover; display: inline-block; margin: 10px auto; }



.book_media_block { border: 9px outset #722; border-width: 9px 0; padding: 1.5vw; awidth: 80%; amargin: 2.0vw auto; text-align: center; 
background-color: #2f4145; 
background: gradient(#1b2228 0%, #1f3135 50%, #1b2228 100% ); 
background: -moz-linear-gradient(#1b2228 0%, #1f3135 50%, #1b2228 100% ); 
background: -webkit-linear-gradient(#1b2228 0%, #1f3135 50%, #1b2228 100% ); 
background: linear-gradient(#1b2228 0%, #1f3135 50%, #1b2228 100% ); 

}
.book_media_item { height: 175px; padding: 0 1.0vw 1.0vw 1.0vw; display: inline; }
.book_media_item img { height: 175px; }


.front_booklist_holder_big { width: 100%; background: url(https://www.alexanderdawnrider.com/images/booklist_background_r4.avif) #006; width: 100%; background-size: 100% 100%; position: relative; overflow: hidden; padding: 1.0vw 0; border: 5px solid #322; border-width: 7px 0; background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; }
.afront_booklist_holder { text-align: center;  padding: 20px 0 40px 0; }
.front_booklist_holder { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1.0vw; align-items: center; justify-content: center; }
.front_booklist_holder .item { display: flex; flex-direction: column; align-items: center; align-self: start; width: 30.0vw; max-width: 300px; margin-bottom: 30px; }

.afront_booklist_table { width: 85.0vw; max-width: 850px; text-align: center; margin: auto;  }
.afront_booklist_table.inview { visibility: visible; opacity: 1; transition: all 1s ease-in; }
.front_booklist_item { width: 20.0vw; max-width: 200px; margin: 0 2.0vw; vertical-align: top; }
.front_booklist_item img { height: 25.0vw; max-height: 250px; width: auto; }
.afront_booklist_title { text-align: center; font-size: 2.0rem; font-weight: bold; font-family: 'Fantasy'; color: #222; }
.front_booklist_title { background: url(https://www.alexanderdawnrider.com/images/fancy_holder_04.avif); background-size: 100% 100%; display: inline-block; margin: 20px auto 40px auto; padding: 1.5vw 6.5vw 2.0vw 6.5vw; font-size: 2.5rem; text-decoration: none; text-align: center; color: #222; text-shadow: -3px 3px 5px rgba(0,0,0,0.3); font-weight: bold; font-family: 'Philosopher'; }
.front_booklist_desc { text-align: center; vertical-align: top; font-size: 1.7rem; font-family: Arial; color: #eee; padding: 0.5vw 2.0vw 1.0vw 2.0vw; }

.afront_booklist_button { text-align: center; }
.afront_booklist_button a { font-size: 1.9rem; font-family: 'Philosopher';  display: inline-block; height: 100%; width: 100%; padding: 0.5vw 1.5vw; text-decoration: none; color:  #f4df67; background-color: #732c34; transition: all .2s ease-in-out;} 
.afront_booklist_button a:hover { box-shadow: 0 0 1.5vw rgba(0,0,0,0.5); }
.front_booklist_button { text-align: center; background: url(https://www.alexanderdawnrider.com/images/fantasy_button_01.avif); filter: drop-shadow(-10px 10px 5px rgba(0, 0, 0, 0.5)); background-size: 100% 100%; awidth: 75%; awidth: 12.0vw; amax-width: 120px; adisplay: inline-block; padding: 0.5vw 4.5vw 1.0vw 4.5vw; margin: auto;  margin-bottom: 10px; transition: all .1s ease-in-out; }
.front_booklist_button  { font-size: 2.1rem; text-decoration: none; text-align: center; color: #222; display: inline-block; text-shadow: -3px 3px 5px rgba(0,0,0,0.3); font-weight: bold; font-family: 'Philosopher';  } 
.front_booklist_button:hover { transform: scale(1.04); }

.front_booklist_maintitle { text-align: center; width: 100%; padding-bottom: 10px;  color: rgba(200, 0, 0, 0.1); text-shadow: 0 0 4px rgba(200,0,0,0.5); font-size: 3.3rem; font-weight: bold; font-style: italic; font-family: "Philospher";  }



.main_booklist_item { width: 100%; margin: auto; vertical-align: top;  position: relative; height: 35.0vw; max-height: 350px; padding: 6.0vw 0; amargin: 30px auto; }
.main_booklist_item .tf { width: 100%; height: 6.0vw; position: absolute; left: 0; top: 0; background-color: #200;
background: gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -moz-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -webkit-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
}

.main_booklist_item .bf { width: 100%; height: 6.0vw; position: absolute; left: 0; bottom: 0; background-color: #200;
background: gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: -moz-linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: -webkit-linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
}

.main_booklist_img img, .main_booklist_img  { width: 22.5vw; max-width: 225px; height: auto; }
.main_booklist_img img { box-shadow: 0 0 5.0vw rgba(250,250,250,0.5); }
.main_booklist_img  { width: 30.0vw; max-width: 300px; height: auto; text-align: center; position: relative; z-index: 3; visibility: hidden; opacity: 0; }
.main_booklist_img.right { float: right; }
.main_booklist_img.left { float: left; }
.main_booklist_img.inview, .main_booklist_textholder.inview { visibility: visible; opacity: 1; transition: all .5s ease-in; }
.main_booklist_title { text-align: center; margin: 1.0vw auto; font-size: 3.3rem; color: #eee; text-align: center; font-weight: bold; font-family: 'Trajan Pro 3'; text-shadow: -3px 3px 0 rgba(0,0,0,0.5);  }
.main_booklist_subtitle { font-size: 2.0rem; font-weight: bold; color: #d4af37; text-shadow: 0 0 7px rgba(2, 2, 2, 0.7); text-align: center; font-family: 'Arial'; }
.main_booklist_desc { text-align: center; width: 95%; max-width: 575px; margin: auto; font-size: 3.1rem; font-weight: bold; text-shadow: -2px 2px 0 rgba(0,0,0,0.4); margin-top: 1.0vw; color: #eee; text-align: center; font-family: 'Times New Roman'; line-height: 150%; font-style: italic; padding: 0.5vw 2.0vw 1.0vw 2.0vw; }
.main_booklist_button { text-align: center; }
.main_booklist_button a { font-size: 2.2rem; font-family: 'Philosopher'; display: inline-block; padding: 0.5vw 1.5vw; text-decoration: none; color:  #f4df67; background-color: #732c34; transition: all .2s ease-in-out;} 
.main_booklist_button a:hover { box-shadow: 0 0 1.5vw rgba(0,0,0,0.5); }
.main_booklist_maintitle { text-align: center; width: 100%; color: rgba(200, 200, 0, 0.6); text-shadow: 0 0 4px rgba(200,0,0,0.5); font-size: 3.5rem; font-weight: bold; font-family: "Philospher"; 
background-color: #000;
abackground: gradient(top, #000 0%, #333 50%, #000 100%);
abackground: -webkist-linear-gradient(top, #000 0%, #333 50%, #000 100%);
abackground: -moz-linear-gradient(top, #000 0%, #333 50%, #000 100%);
}
.main_booklist_subholder { width: 97%; max-width: 970px; margin: auto;  }
.main_booklist_textholder {  position: relative; z-index: 3; visibility: hidden; opacity: 0; }
.main_booklist_textholder.right { padding-right: 30.0vw; }
.main_booklist_textholder.left { padding-left: 30.0vw; }
.main_booklist_divider { position: relative; z-index: 3; }
.main_booklist_divider_sub { position: absolute; z-index: 4; height: 2.0vw; left: 0; top: -1.0vw; width: 100%;   
background: gradient(top, transparent 0%, #222 50%, transparent 100%);
background: -moz-linear-gradient(top, transparent 0%, #222 50%, transparent 100%);
background: -webkit-linear-gradient(top, transparent 0%, #222 50%, transparent 100%);
background: linear-gradient(top, transparent 0%, #222 50%, transparent 100%);
 }

.privacy_holder_big { background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url(https://www.alexanderdawnrider.com/images/policy_background.avif); background-size: 100% 100%; padding: 4.0vw 0; position: relative;}
.privacy_holder_big .tf { width: 100%; height: 3.0vw; position: absolute; left: 0; top: 0; background-color: #200;
background: gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -moz-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -webkit-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
}

.privacy_holder_big .bf { width: 100%; height: 3.0vw; position: absolute; left: 0; bottom: 0; background-color: #200;
background: gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: -moz-linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: -webkit-linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
}
.privacy_holder { background: url(https://www.alexanderdawnrider.com/images/policy_paper.avif); background-size: 100% 100%; font-size: 2.3rem; color: #000; font-family: 'Philosopher'; width: 80%; margin: auto; padding: 3.0vw 5.0vw;  }
.privacy_holder a { color: #000; }
.privacy_holder .title { text-align: center; font-size: 3.0rem; color: #000; font-family: 'Trajan Pro 3'; font-weight: bold; margin: 1.0vw auto; }
.privacylist li { font-size: 2.1rem; }

.slider_holder, .main_slide1, .main_slide2 { height: 50.0vw; max-height: 500px; }
.slider_holder { width: 100%; overflow: hidden;  position: relative; z-index: 1; background-color: #eee; }
.main_slide1, .main_slide2 { width: 100%; height: 50.0vw; position: absolute; }
.main_slide1 { z-index: 0; opacity: 0; }
.main_slide2 { z-index: 1; }
.hidden_slide { display: none; }
.slider_button_holder { width: 100%; position: absolute; text-align: center; bottom: 1.0vw; left: 0; z-index: 5; }
.slider_button { background-color: #f00; width: 1.0vw; max-width: 10px; height: 1.0vw; max-height: 10px; border-radius: 50%; margin: 0 5px; display: inline-block; cursor: pointer; }
.slider_button_active { background-color: #fff; }


.glossary_book_holder { width: 90%; max-width: 1200px; margin: 0 auto; border-radius: 1.5vw; background: url(https://www.alexanderdawnrider.com/images/book_cover_texture.avif); padding: 1.5vw; }
.glossary_book_holder .sub { position: relative; }
.glossary_book_holder .sub .book_center { position: absolute; top: 0px; left: 47%; height: 100%; width: 5.0vw; 
background: gradient(to right, transparent 0%, #444 50%, transparent 100%);
background: -moz-linear-gradient(to right, transparent 0%, #444 50%, transparent 100%);
background: -webkit-linear-gradient(to right, transparent 0%, #444 50%, transparent 100%);
background: linear-gradient(to right, transparent 0%, #444 50%, transparent 100%);
}
.glossary_title_panel { background: url(https://www.alexanderdawnrider.com/images/wood_board_frame01.avif); background-size: 100% 100%; width: 70%; filter: drop-shadow(-0.5vw 0.5vw 1.0vw rgba(0, 0, 0, 0.7));  padding: 4.0vw; margin: auto; text-align: center; color: #eee; line-height: 130%; text-shadow: -3px 3px 5px rgba(0,0,0,0.8); font-size: 2.6rem; font-family: 'Philosopher'; margin-bottom: 1.0vw; }
.glossary_book_holder .sub .pages_top { display: flex; flex-direction: row; width: 100%; margin: 0 auto; }
.glossary_book_holder .sub .pages_top .left1, .glossary_book_holder .sub .pages_top .left2 { background: url(https://www.alexanderdawnrider.com/images/book_paper_texture.avif); background-color: #eee; height: 1.0vw; padding-left: 0.1vw;  border: 0.2vw groove #ddd; border-width: 0 0 0 0.2vw; border-top-left-radius: 4.0vw 2.0vw; border-top-right-radius: 2.0vw 4.0vw; }
.glossary_book_holder .sub .pages_top .right1, .glossary_book_holder .sub .pages_top .right2 { background: url(https://www.alexanderdawnrider.com/images/book_paper_texture.avif); background-color: #eee; height: 1.0vw; padding-right: 0.1vw; border: 0.2vw groove #ddd; border-width: 0 0.2vw 0 0; border-top-left-radius: 4.0vw 2.0vw; border-top-right-radius: 2.0vw 4.0vw ; }
.glossary_book_holder .sub .pages_top .left1, .glossary_book_holder .sub .pages_top .right1 { width: 50%; } 

.glossary_book_holder .sub .page_ridges { background: url(https://www.alexanderdawnrider.com/images/book_paper_texture.avif); padding: 0 0.1vw 0 0.1vw; border: 0.4vw groove #ddd; border-width: 0 0.2vw 0.1vw 0.2vw; }

.glossary_holder { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(https://www.alexanderdawnrider.com/images/glossary_background.avif); width: 100%; height: 100%; background-size: cover; padding: 4.0vw 0; position: relative; }
.glossary_holder .tf { width: 100%; height: 5.0vw; position: absolute; left: 0; top: 0; background-color: #200;
background: gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -moz-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -webkit-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
}

.glossary_list { display: grid; grid-template-rows: auto; grid-template-columns: 1fr 1fr; background-color: rgba(255, 255, 255, 0.9); awidth: 95%; amax-width: 1200px; margin: 0 auto; border-spacing: 0 1.0vw; text-align: center;  position: relative; background: url(https://www.alexanderdawnrider.com/images/book_paper_texture.avif);}
.glossary_list_col.left  { padding: 0 3.2vw 0.5vw 1.0vw; aborder: 2px groove #808; }
.glossary_list_col.right  { padding: 0 1.0vw 0.5vw 3.2vw; aborder: 2px groove #808; }

.glossary_section { font-size: 2.2rem; font-weight: bold; text-align: left; padding: 0.5vw; margin: 1.2vw auto 1.0vw auto; background-color: #922; color: #eee; font-family: 'Trajan Pro 3'; }
.glossary_item { padding-bottom: 2.0vw; text-align: left; padding-left: 1.0vw; }
.glossary_name { color: #500; font-weight: bold; text-align: left; }
.glossary_name_sub { font-size: 1.9rem; font-weight: bold; white-space: nowrap; font-family: 'Trajan Pro 3';   }
.glossary_desc {  font-size: 2.0rem; font-family: 'Philosopher';  padding-bottom: 1.0vw; padding-left: 2.0vw; } 
.glossary_origin { font-size: 1.6rem; font-style: italic; font-weight: bold; color: #005; margin-top: 5px; }

.aasectionheader, .sectionheaderi { text-align: center; }
.aasectionheader span, .sectionheaderi span { font-size: 3.4rem; color: #1E0359;  display: inline-block;  font-weight: bold; border: 3px double #1E0359; border-width: 0 0 3px 0;  padding: 0 3.0vw; text-transform: uppercase; font-family: "Trajan Pro 3", "Times New Roman"; }
.aasectionheader span { margin: 2.0vw auto; }
.aasectionheaderi span { margin: 2.0vw auto 0 auto; }
.aasectionheader2 { font-size: 4.0rem; font-family: 'Fantasy'; color: #222; text-align: center; inline-block; margin: 2.0vw auto;  font-weight: bold; font-style: italic; }
.aasectionheader_sub { font-size: 25px; font-family: 'Times New Roman'; font-style: italic; text-align: center; margin-bottom: 2.0vw; }


.subscribe_page_bigpic { background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url(https://www.alexanderdawnrider.com/images/subscribe_background.avif); background-size: cover; width: 100%; padding: 6.0vw 0; position: relative; }
.subscribe_page_bigpic .tf { width: 100%; height: 5.0vw; position: absolute; left: 0; top: 0; background-color: #200;
background: gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -moz-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: -webkit-linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
background: linear-gradient(to bottom, #000 0%, #000 20%, transparent 100%); 
}

.subscribe_page_bigpic .bf { width: 100%; height: 5.0vw; position: absolute; left: 0; bottom: 0; background-color: #200;
background: gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: -moz-linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: -webkit-linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
background: linear-gradient(to bottom, transparent 0%, #000 80%, #000 100%); 
}
 
.subscribe_page_opening_text {  width: 70%; color: #eee; font-size: 2.6rem; font-weight: bold; text-shadow: 0 0 1.0vw rgba(0,0,0,0.7); text-align: center; background: url(https://www.alexanderdawnrider.com/images/wood_board_frame01.avif); filter: drop-shadow(3px 3px 15px rgba(0, 0, 0, 0.5)); background-size: 100% 100%; max-width: 400px; padding: 1.5vw 12.0vw 1.5vw 12.0vw; margin: auto; margin-bottom: 2.0vw; line-height: 130%; font-family: 'Philosopher'; text-align: center; }
.subscribe_page_holder { padding: 2.0vw 4.0vw; abackground-color: rgba(0,0,0,0.7); abox-shadow: 0 0 2.0vw rgba(200, 100, 0, 0.5); border-radius: 2.0vw; width: 90%; max-width: 900px; margin: 1.0vw auto; margin-bottom: 4.0vw; font-size: 2.1rem; color: #eee; text-shadow: -2px 2px 0 rgba(0,0,0,0.6); font-family: 'Philosopher'; }

.subscribe_page_list ul { aline-height: 200%; list-style-type: none; margin-left: 0; padding-right: 0; }
.subscribe_page_list ul li { font-style: italic; list-style: none; position: relative; padding: 0 0 0 20px; line-height: 200%; }
.subscribe_page_list ul li::before { content: ""; background:url(https://www.alexanderdawnrider.com/images/gem_red.avif); width: 20px; height: 20px; background-size: cover; position: absolute; left: -5px; top: 10px; aborder: solid 8px #292df4; aborder-radius: 8px; transition: all 2s ease-in-out; }
.subscribe_page_list ul li:hover::before  { filter: drop-shadow(0 0 10px rgba(200, 0, 0, 0.9)); transform: rotate(359deg) scale(1.02);  }
.subscribe_page_list ul li::aafter { content: ""; position: absolute; left: 5px; top: 13px; width: 3px; height: 6px; border: solid #beb462; border-width: 0 2px 2px 0; }

.subscribe_page_subbox { border: 4px outset #202; box-shadow: 0 0 10px rgba(0,0,0,0.6); border-radius: 5px; line-height: 130%; padding: 1.5vw 2.5vw; margin-top: 2.0vw; background-color: #404;
background: radial-gradient(#303 0%, #404 50%, #303 100%);
background: -webkit-radial-gradient(#303 0%, #404 50%, #303 100%);
background: -moz-radial-gradient(#303 0%, #404 50%, #303 100%);
}
.subscribe_page_subbox img { float: right; width: 15.0vw; max-width: 150px; height: auto; margin: 1.0vw 2.0vw 0 2.5vw; }

@keyframes tentacle_wave_left {
0% { transform: rotate(0deg) scale(1); }
50% { transform: rotate(180deg) scale(1.2); }
100% { transform: rotate(360deg) scale(1); }
}

@keyframes tentacle_wave_right {
0% { transform: rotate(0deg) scale(1); }
50% { transform: rotate(-180deg) scale(1.3); }
100% { transform: rotate(-360deg) scale(1); }
}

@keyframes tentacle_slide_left {
0% { left: -15.0vw; transform: scaleX(.6) rotate(-5deg); }
20% { left: -10.0vw; transform: scaleX(.8) rotate(-5deg); }
70% { left: -2.0vw; transform: scaleX(1.5) rotate(5deg); }
80% { left: -2.0vw; transform: scaleX(1.5) rotate(5deg); }
100% { left: -15.0vw; transform: scaleX(.6) rotate(-5deg); }
}

@keyframes tentacle_slide_right {
0% { right: -1.0vw; transform: scaleX(.6) rotate(175deg); }
20% { right: -8.0vw; transform: scaleX(.8) rotate(175deg); }
70% { right: 21.0vw; transform: scaleX(1.6) rotate(175deg); }
80% { right: 21.0vw; transform: scaleX(1.8) rotate(175deg); }
100% { right: -1.0vw; transform: scaleX(.6) rotate(175deg); }
}

@keyframes tentacle_slither {
0% { right: -6.0vw; top: 40%; }
30% { right: -3.0vw; top: 55%; }
60% { right: -3.0vw; top: 55%; }
100% { right: -6.0vw; top: 65%;  }
}

.tentacle_wave { position: absolute; top: 1.0vw; left: -9.0vw; transform-origin: bottom center; transform: rotate(-45deg); animation: tentacle_wave_left 1.6s; animation-fill-mode: forwards; background: url(https://www.alexanderdawnrider.com/images/tentacle01b.avif); height: 15.0vw; width: 7.9vw; background-size: cover; }
.tentacle_wave2 { position: absolute; top: 5.0vw; right: -9.0vw; transform-origin: bottom center; transform: rotate(45deg); animation: tentacle_wave_right 1.6s; animation-fill-mode: forwards; background: url(https://www.alexanderdawnrider.com/images/tentacle01.avif); height: 15.0vw; width: 7.9vw; background-size: cover; }
.tentacle_slide1 { position: absolute; top: 0; left: -15.0vw; animation: tentacle_slide_left 1.6s; animation-delay: 29s; animation-fill-mode: forwards; background: url(https://www.alexanderdawnrider.com/images/tentacle02.avif); z-index: 5; height: 5.0vw; width: 14.6vw; background-size: 100% 100%; }
.tentacle_slide2 { position: absolute; bottom: 1.0vw; right: -2.0vw; transform-origin: center right; animation: tentacle_slide_right 2.6s; animation-delay: 34s; animation-fill-mode: forwards; transform: rotate(180deg); background: url(https://www.alexanderdawnrider.com/images/tentacle02.avif); z-index: 5; height: 5.0vw; width: 14.6vw; background-size: 100% 100%; }
.tentacle_slither { position: absolute; top: 0; right: -60px; animation: tentacle_slither 2.6s; animation-delay: 49s; animation-fill-mode: forwards; background: url(https://www.alexanderdawnrider.com/images/tentacle03.avif); z-index: 5; height: 17.5vw; width: 5.5vw; background-size: 100% 100%; }

.tentacle_left1 { animation-delay: 23s; top: 10% }
.tentacle_left2 { animation-delay: 76s; top: 75% }
.tentacle_left3 { animation-delay: 109s; top: 30% }
.tentacle_left4 { animation-delay: 132s; top: 50% }
.tentacle_left5 { animation-delay: 175s; top: 60% }

.tentacle_right1 { animation-delay: 33s; top: 55% }
.tentacle_right2 { animation-delay: 66s; top: 75% }
.tentacle_right3 { animation-delay: 99s; top: 30% }
.tentacle_right4 { animation-delay: 122s; top: 50% }
.tentacle_right5 { animation-delay: 155s; top: 20% }


/* FOOTER SUB FORM */
    /* LOADER */
    .ml-form-embedSubmitLoad {
      display: inline-block;
      width: 20px;
      height: 20px;
    }

    .g-recaptcha {
    transform: scale(1);
    -webkit-transform: scale(1);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    height: ;
    }

    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      border: 0;
    }

    .ml-form-embedSubmitLoad:after {
      content: " ";
      display: block;
      width: 11px;
      height: 11px;
      margin: 1px;
      border-radius: 50%;
      border: 4px solid #fff;
    border-color: #ffffff #ffffff #ffffff transparent;
    animation: ml-form-embedSubmitLoad 1.2s linear infinite;
    }
    @keyframes ml-form-embedSubmitLoad {
      0% {
      transform: rotate(0deg);
      }
      100% {
      transform: rotate(360deg);
      }
    }
      #mlb2-6558964.ml-form-embedContainer {
        box-sizing: border-box;
        display: table;
        margin: 0 auto;
        position: static;
        width: 100% !important;
      }
      #mlb2-6558964.ml-form-embedContainer h4,
      #mlb2-6558964.ml-form-embedContainer p,
      #mlb2-6558964.ml-form-embedContainer span,
      #mlb2-6558964.ml-form-embedContainer button {
        text-transform: none !important;
        letter-spacing: normal !important;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper {
        background-color: #f6f6f6;
        
        border-width: 0px;
        border-color: transparent;
        border-radius: 4px;
        border-style: solid;
        box-sizing: border-box;
        display: inline-block !important;
        margin: 0;
        padding: 0;
        position: relative;
              }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper.embedDefault { width: 400px; }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: 900px; width: 95%; margin: 15px auto; border: 1px solid #999; border-radius: 15px; box-shadow: -3px 3px 0 rgba(0,0,0,0.3); }
      #mlb2-6558964.ml-form-embedContainer .ml-form-align-left { text-align: left; }
      #mlb2-6558964.ml-form-embedContainer .ml-form-align-center { text-align: center; }
      #mlb2-6558964.ml-form-embedContainer .ml-form-align-default { display: table-cell !important; vertical-align: middle !important; text-align: center !important; }
      #mlb2-6558964.ml-form-embedContainer .ml-form-align-right { text-align: right; }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        height: auto;
        margin: 0 auto !important;
        max-width: 100%;
        width: undefinedpx;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
        padding: 2px 20px 0 20px;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
        padding-bottom: 0;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
        text-align: left;
        margin: 0 0 20px 0;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4,
#mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper h4	  {
        color: #000000;
        font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
        font-size: 30px;
        font-weight: 400;
        margin: 0 0 10px 0;
        text-align: left;
        word-break: break-word;
      }
	  #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper h4  { text-align: center; }
 
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
        color: #000000;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 20px;
        margin: 0 0 10px 0;
        text-align: left;
		padding: 5px 12px;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ul,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ul,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol {
        color: #000000;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 14px;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol {
        list-style-type: lower-alpha;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol ol ol,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol ol ol {
        list-style-type: lower-roman;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a {
        color: #000000;
        text-decoration: underline;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group {
        text-align: left!important;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label {
        margin-bottom: 5px;
        color: #333333;
        font-size: 14px;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: bold; font-style: normal; text-decoration: none;;
        display: inline-block;
        line-height: 20px;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
        margin: 0;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
        margin: 0;
        width: 100%;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
        margin: 0 0 20px 0;
        width: 100%;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
        float: left;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
        margin: 0;
        padding: 0 0 20px 0;
        width: 100%;
        height: auto;
        float: left;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
        margin: 0 0 10px 0;
        width: 100%;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item {
        margin: 0;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal {
        margin: 0;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 14px !important;
        height: auto;
        line-height: 21px !important;
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 10px 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-webkit-input-placeholder { color: #333333; }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-moz-placeholder { color: #333333; }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-ms-input-placeholder { color: #333333; }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-moz-placeholder { color: #333333; }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow textarea, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow textarea {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 14px !important;
        height: auto;
        line-height: 21px !important;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
          border-color: #cccccc!important;
          background-color: #ffffff!important;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input.custom-control-input[type="checkbox"]{
        box-sizing: border-box;
        padding: 0;
        position: absolute;
        z-index: -1;
        opacity: 0;
        margin-top: 5px;
        margin-left: -1.5rem;
        overflow: visible;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
        border-radius: 4px!important;
      }


      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::after, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::after, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input:checked~.custom-control-label::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::before  {
          border-color: #000000!important;
          background-color: #000000!important;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label::after, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label::after, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::after, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label::after {
           top: 2px;
           box-sizing: border-box;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
           top: 0px!important;
           box-sizing: border-box!important;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
        top: 0px!important;
           box-sizing: border-box!important;
      }

       #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after {
            top: 0px!important;
            box-sizing: border-box!important;
            position: absolute;
            left: -1.5rem;
            display: block;
            width: 1rem;
            height: 1rem;
            content: "";
       }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before {
        top: 0px!important;
        box-sizing: border-box!important;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::before {
          position: absolute;
          top: 4px;
          left: -1.5rem;
          display: block;
          width: 16px;
          height: 16px;
          pointer-events: none;
          content: "";
          background-color: #ffffff;
          border: #adb5bd solid 1px;
          border-radius: 50%;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::after {
          position: absolute;
          top: 2px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::before, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before {
          position: absolute;
          top: 4px;
          left: -1.5rem;
          display: block;
          width: 16px;
          height: 16px;
          pointer-events: none;
          content: "";
          background-color: #ffffff;
          border: #adb5bd solid 1px;
          border-radius: 50%;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after {
          position: absolute;
          top: 0px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
          position: absolute;
          top: 0px!important;
          left: -1.5rem;
          display: block;
          width: 1rem;
          height: 1rem;
          content: "";
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-radio .custom-control-label::after {
          background: no-repeat 50%/50% 50%;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-checkbox .custom-control-label::after, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description::after, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox .label-description::after, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::after {
          background: no-repeat 50%/50% 50%;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-control, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-control {
        position: relative;
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5rem;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-input, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input {
          position: absolute;
          z-index: -1;
          opacity: 0;
          box-sizing: border-box;
          padding: 0;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-label, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-radio .custom-control-label, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-label {
          color: #000000;
          font-size: 12px!important;
          font-family: 'Open Sans', Arial, Helvetica, sans-serif;
          line-height: 22px;
          margin-bottom: 0;
          position: relative;
          vertical-align: top;
          font-style: normal;
          font-weight: 700;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-select, #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-select {
        background-color: #ffffff !important;
        color: #333333 !important;
        border-color: #cccccc;
        border-radius: 4px !important;
        border-style: solid !important;
        border-width: 1px !important;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 14px !important;
        line-height: 20px !important;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 28px 10px 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        background: url('https://assets.mlcdn.com/ml/images/default/dropdown.svg') no-repeat right .75rem center/8px 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }


      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
        height: auto;
        width: 100%;
        float: left;
      }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 70%; float: left; }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 30%; float: left; }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal.labelsOn { padding-top: 25px;  }
      .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields { box-sizing: border-box; float: left; padding-right: 10px;  }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
        background-color: #ffffff;
        color: #333333;
        border-color: #cccccc;
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 10px;
        width: 100%;
        box-sizing: border-box;
        overflow-y: initial;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
        background-color: #c71212 !important;
        border-color: #c71212;
        border-style: solid;
        border-width: 1px;
        border-radius: 4px;
        box-shadow: none;
        color: #ffffff !important;
        cursor: pointer;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 17px !important;
        font-weight: 700;
        line-height: 20px;
        margin: 0 !important;
        padding: 10px !important;
        width: 100%;
        height: auto;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover {
        background-color: #ee3939 !important;
        border-color: #ee3939 !important;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] {
        box-sizing: border-box;
        padding: 0;
        position: absolute;
        z-index: -1;
        opacity: 0;
        margin-top: 5px;
        margin-left: -1.5rem;
        overflow: visible;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
        color: #000000;
        display: block;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        margin-bottom: 0;
        position: relative;
        vertical-align: top;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label {
        font-weight: normal;
        margin: 0;
        padding: 0;
        position: relative;
        display: block;
        min-height: 24px;
        padding-left: 24px;

      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a {
        color: #000000;
        text-decoration: underline;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
        color: #000000 !important;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        font-weight: normal !important;
        line-height: 18px !important;
        padding: 0 !important;
        margin: 0 5px 0 0 !important;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child {
        margin: 0;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
        margin: 0 0 20px 0;
        float: left;
        width: 100%;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
        background-color: #c71212 !important;
        border: none !important;
        border-radius: 4px !important;
        box-shadow: none !important;
        color: #ffffff !important;
        cursor: pointer;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 21px !important;
        height: auto;
        padding: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.loading {
        display: none;
      }
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
        background-color: #ee3939 !important;
      }
      .ml-subscribe-close {
        width: 30px;
        height: 30px;
        background: url('https://assets.mlcdn.com/ml/images/default/modal_close.png') no-repeat;
        background-size: 30px;
        cursor: pointer;
        margin-top: -10px;
        margin-right: -10px;
        position: absolute;
        top: 0;
        right: 0;
      }
      .ml-error input, .ml-error textarea, .ml-error select {
        border-color: red!important;
      }

      .ml-error .custom-checkbox-radio-list {
        border: 1px solid red !important;
        border-radius: 4px;
        padding: 10px;
      }

      .ml-error .label-description,
      .ml-error .label-description p,
      .ml-error .label-description p a,
      .ml-error label:first-child {
        color: #ff0000 !important;
      }

      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p,
      #mlb2-6558964.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
        color: #ff0000 !important;
      }
            @media only screen and (max-width: 400px){

        .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; }
        .ml-form-formContent.horozintalForm { float: left!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100%!important; }
        .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div { padding-right: 0px!important; padding-bottom: 10px; }
        .ml-form-formContent.horozintalForm .ml-button-horizontal { width: 100%!important; }
        .ml-form-formContent.horozintalForm .ml-button-horizontal.labelsOn { padding-top: 0px!important; }
      }

.adventure_awaits { text-align:center !important; font-size: 3.3rem !important; font-weight: 400 !important; font-style: italic !important; }                
	  



/* ANIMATiONS */
.animation_delay1 { animation-delay: 0.5s !important; }

@-webkit-keyframes slideinright { 
	0% {
		transform: translatex(20.0vw);
	}
	100% {
		transform: translatex(0);
	}
}
@-moz-keyframes slideinright { 
	0% {
		transform: translatex(20.0vw);
	}
	100% {
		transform: translatex(0);
	}
}
@keyframes slideinright { 
	0% {
		transform: translatex(20.0vw);
	}
	100% {
		transform: translatex(0);
	}
}



@-webkit-keyframes fadeIn { from { opacity:0; color: #803; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; color: #803; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; color: #803; } to { opacity:1; } }

@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }

.fade-in {
	opacity:0; 
	-webkit-animation:fadeIn ease-in 1; 
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards; 
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration: .6s;
	-moz-animation-duration: .6s;
	animation-duration: .6s;
}

.fade-out {
	opacity:1; 
	-webkit-animation:fadeOut ease-in 1; 
	-moz-animation:fadeOut ease-in 1;
	animation:fadeOut ease-in 1;
	-webkit-animation-fill-mode:forwards; 
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
.fade-in.two { -webkit-animation-delay: 1.2s; -moz-animation-delay:1.2s; animation-delay: 1.2s; }
.fade-in.three { -webkit-animation-delay: 1.7s; -moz-animation-delay: 1.7s; animation-delay: 1.7s; }
.fade-in.four { -webkit-animation-delay: 2.2s; -moz-animation-delay: 2.2s; animation-delay: 2.2s; }
.fade-in.five { -webkit-animation-delay: 2.7s; -moz-animation-delay: 2.7s; animation-delay: 2.7s; }
.fade-in.six { -webkit-animation-delay: 3.2s; -moz-animation-delay: 3.2s; animation-delay: 3.2s; }


.shimmer, .shimmer2 {
  acolor: rgba(255,255,255,0.75);
  background: -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  background: -moz-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  background: gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  -webkit-background-size: 7.0vw 100%;
  -moz-background-size: 7.0vw 100%;
  background-size: 7.0vw 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-animation-name: shimmer;
  -moz-animation-name: shimmer;
  animation-name: shimmer;
  -webkit-animation-duration: 20s;
  -moz-animation-duration: 20s;
  animation-duration: 15s;
  animation-delay: 5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-repeat: no-repeat;
  background-position: -7.0vw 0;
  background-color: #222;
 }

.shimmer2 { 
  background: -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #ff0));
  background: -moz-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #ff0));
  background: gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #ff0));
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-background-size: 12.0vw 100%;
  -moz-background-size: 12.0vw 100%;
  background-size: 12.0vw 100%;
 background-position: -12.0vw 0;
  -webkit-animation-name: shimmer2;
  -moz-animation-name: shimmer2;
  animation-name: shimmer2;
  -webkit-animation-duration: 40s;
  -moz-animation-duration: 40s;
  animation-duration: 40s;
  animation-delay: 0s;
 }

@-moz-keyframes shimmer {
  0% {
    background-position: -7.0vw;
  }
  40% {
    background-position: 77.0vw;
  }
  100% {
    background-position: 77.0vw;
  }
}
@-webkit-keyframes shimmer {
  0% {
    background-position: -7.0vw;
  }
  40% {
    background-position: 77.0vw;
  }
  100% {
    background-position: 77.0vw;
  }
}
@-o-keyframes shimmer {
  0% {
    background-position: -7.0vw;
  }
  40% {
    background-position: 77.0vw;
  }
  100% {
    background-position: 77.0vw;
  }
}
@keyframes shimmer {
  0% {
    background-position: -7.0vw;
  }
  40% {
    background-position: 77.0vw;
  }
  100% {
    background-position: 77.0vw;
  }
}


@-moz-keyframes shimmer2 {
  0% {
    background-position: -12.0vw;
  }
  90% {
    background-position: 97.0vw;
  }
  100% {
    background-position: 97.0vw;
  }
}
@-webkit-keyframes shimmer2 {
  0% {
    background-position: -12.0vw;
  }
  90% {
    background-position: 97.0vw;
  }
  100% {
    background-position: 97.0vw;
  }
}
@-o-keyframes shimmer2 {
  0% {
    background-position: -12.0vw;
  }
  90% {
    background-position: 97.0vw;
  }
  100% {
    background-position: 97.0vw;
  }
}
@keyframes shimmer2 {
  0% {
    background-position: -12.0vw;
  }
  90% {
    background-position: 97.0vw;
  }
  100% {
    background-position: 97.0vw;
  }
}


@keyframes float {
	0% {
		transform: translatey(0px) scale(1.0);
	}
	50% {
		transform: translatey(-1.0vw) scale(1.02);
	}
	100% {
		transform: translatey(0px) scale(1.0);
	}
}

.floater1 { 
transform: translatey(0px); 	
animation: float 20s ease-in-out infinite;     
-webkit-animation-delay: 0.6s;     
-moz-animation-delay: 0.6s;     
animation-delay: 0.6s; 
}











@media screen and (min-width: 1024px) {
.main_subcontent { margin-top: 100px !important; }
.titlemenu_sub { padding: 20px 10px; margin-top: 5px; }
.titlemenu_sub>a { margin-bottom: 6px; }
.afooter-container  { padding: 15px 15px; }
.front_featured_table { padding-top: 30px; }
.front_featured_descbox_desc { margin-top: 20px;  }
.front_featured_button { padding: 5px 30px; display: inline-block; background-color: #732c34; text-align: center; font-size: 3.2rem; font-weight: bold; color: #fff; font-family: 'Philosopher'; margin: auto; border-radius: 5px; }
.fancyribbon:before, .fancyribbon:after { border-width: 17.5px; bottom: -10px;  }
.fancyribbon:before { left: -15px; border-right-width: 15px;  }
.fancyribbon:after { right: -15px; border-left-width: 15px;  }
.fancyribbon-content { height: 40px; line-height: 40px; }
.fancyribbon-content:before {  border-width: 5px 0 0 10px; }
.fancyribbon-content:after { border-width: 5px 10px 0 0; }
.hanging_banner1_holder { margin: 0 15px; }
.hanging_banner1:after { border-width: 10px 75px 40px 75px;  top: 200px; }
.hanging_banner1 { line-height: 200px; }
.hanging_banner1:before { left: -10px; }

.races_item_text_background { padding: 10px 10px; }

.front_booklist_holder_big { padding: 10px 0;  }
.front_booklist_holder { gap: 10px; }

.main_booklist_title { margin: 10px auto;  }
.main_booklist_item { padding: 50px 0; }
.main_booklist_img img { box-shadow: 0 0 50px rgba(250,250,250,0.5); }
.main_booklist_textholder.right { padding-right: 300px; }
.main_booklist_textholder.left { padding-left: 300px; }


.tf { height: 50px; }
.bf { height: 50px; }

.frontpage_intro { padding: 30px; }
.frontpage_intro .text { padding: 0 30px;  }
.frontpage_intro .sword { background: url(https://www.alexanderdawnrider.com/images/intro_sword_300.avif); background-size: 100% 100%; width: 50px; height: 150px; }

.frontreviews_holder { padding: 50px 20px; border-width: 25px 0; }
.frontreviews_holder .fb { filter: drop-shadow(-10px 10px 5px rgba(0, 0, 0, 0.5)); padding: 20px 100px 20px 100px; margin: 10px auto; } 
.frontreviews .bookreviews_text { border-radius: 10px; margin: 10px; padding: 20px; }

.frontpage_subscribe_block { padding: 30px 0 30px 0; }
.frontpage_subscribe_block .sub .left  .text { margin: 10px 0; }
.frontpage_subscribe_block .sub .left  .cta { margin: 20px 0; }

.bookpage_holder { padding-bottom: 30px; }
.bookpage_rightside { amargin-right: 25px; }
.bookpage_imageholder {  margin-top: 10px; }
.bookpage_promobox { padding: 10px 20px; margin-top: 30px; border-radius: 10px; }
.bookpage_infoblock { border-radius: 10px; padding: 10px 20px; }
.page_titlebar, .bookpage_titlebar { amargin-bottom: 20px;  apadding: 19px; }
.bookpage_series { text-shadow: 0 0 15px rgba(2, 2, 2, 0.5); }
.bookpage_descblock { margin-left: 25px; maargin-right: 375px;  }
.bookpage_descblock_sub { padding: 20px 20px;  }
.bookpage_descintro { padding-top: 10px; text-shadow: 0 0 25px rgba(0,0,0,0.3); }
.books_fancy_label1 { padding: 23px 45px; margin: 10px auto; }

.glowing { min-width: 700px; height: 550px; margin: -150px;  }
.glowing span:nth-child(3n + 1)::before { background: rgba(134,255,0,1); box-shadow: 0 0 10px rgba(134,255,0,1), 0 0 40px rgba(134,255,0,1), 0 0 60px rgba(134,255,0,1), 0 0 80px rgba(134,255,0,1), 0 0 0 8px rgba(134,255,0,.1); }
.glowing span:nth-child(3n + 2)::before { background: rgba(255,214,0,1); box-shadow: 0 0 10px rgba(255,214,0,1), 0 0 40px rgba(255,214,0,1), 0 0 60px rgba(255,214,0,1), 0 0 80px rgba(255,214,0,1), 0 0 0 8px rgba(255,214,0,.1); }
.glowing span:nth-child(3n + 3)::before { background: rgba(0,226,255,1); box-shadow: 0 0 10px rgba(0,226,255,1), 0 0 40px rgba(0,226,255,1), 0 0 60px rgba(0,226,255,1), 0 0 80px rgba(0,226,255,1), 0 0 0 8px rgba(0,226,255,.1); }

.linktree_line { margin-bottom: 10px; padding: 5px;  border-radius: 20px; }
.linktree_line .sub1 { width: 60px; }
.linktree_imagebox { padding: 10px 0; }
.linktree_image { box-shadow: 5px 0 12px 12px #2f4145 inset; } 
.link_series_holder {  margin: 20px auto; padding: 10px; }
.link_series_title { padding: 9px 0 5px 0; border-radius: 10px; margin-bottom: 10px; }
.link_books_holder { margin-bottom: 20px; }
.link_books_book { width: 150px; padding: 10px 10px; margin: 15px 15px; border-radius: 10px; min-height: 230px; }


.contactform_backpanel { padding: 40px; }
.contactform_message { padding: 40px; margin-bottom: 10px; }

.contactform_largeholder { padding: 60px 0;  min-height: 500px;  }
.contactform_text { apadding-top: 70px;  amargin-bottom: 20px;  }
.contactform_button_holder { apadding: 9px; }
.contactform_button { apadding: 10px 20px; }
.contactform_row { border-spacing: 9px;}
.contactform_box3 { margin: 9px 9px;   }
.contactform_holder input[type = "text"] { padding: 8px 16px; border-radius: 5px; width: 100%;  box-sizing: border-box;}
.contactform_holder textarea  { font-size: 1.7rem; font-family: 'Times New Roman'; padding: 8px 16px; border-radius: 5px; height: 200px; }

.subscribe_page_bigpic { padding: 60px 0; }
.subscribe_page_opening_text {  text-shadow: 0 0 10px rgba(0,0,0,0.7); padding: 15px 120px 15px 120px; margin-bottom: 20px; }
.subscribe_page_holder { padding: 20px 40px; abox-shadow: 0 0 20px rgba(200, 100, 0, 0.5); border-radius: 20px; margin: 10px auto; margin-bottom: 40px; }
.subscribe_page_subbox { border-radius: 5px; padding: 15px 25px; margin-top: 20px; }
.subscribe_page_subbox img { margin: 10px 20px 0 25px; }

.buyonline_item { width: 100px; margin: 10px; margin: 10px; }
.buyonline_item span { bottom: 100px; border-radius: 5px; padding: 5px; }
.buyonline_item:hover span { bottom: 110px; }
.buyonline_item img { width: 100px; border-radius: 25px;  }

.hanging_banners ul {
  --roleH: 20px;
  --flapH: 30px;
}
.hanging_banners_holder { padding: 20px 0; border: 15px inset #444; border-width: 15px 0 15px 0; }

.social_flipper { margin-right: 20px; margin-bottom: 50px; }

.tentacle_wave { top: 10px; left: -90px;  height: 150px; width: 79px; }
.tentacle_wave2 { top: 50px; right: -90px;  height: 150px; width: 79px; }
.tentacle_slide1 { top: 0; left: -150px; height: 50px; width: 146px; }
.tentacle_slide2 { bottom: 10px; right: -20px; height: 50px; width: 146px; }
.tentacle_slither { top: 0; right: -60px; height: 175px; width: 55px; }

.map_crosshair { width: 40px; height: 40px; left: 232px; top: 253px; }
.map1_desc_holder { height: 350px; min-height: 350px; }
.map_info_panel { min-height: 200px; padding: 20px; margin-bottom: 10px; }
.map_fancy_button1, .map_fancy_button2, .map_fancy_button3 { padding: 12px 20px; margin: 2px auto; }

.title_backpanel { background: url(https://www.alexanderdawnrider.com/images/wood_board_frame03.avif); background-size: 100% 100%; width: 70%; filter: drop-shadow(-5px 5px 10px rgba(0, 0, 0, 0.7));  padding: 40px; margin: auto; text-align: center; color: #eee; line-height: 130%; text-shadow: -3px 3px 5px rgba(0,0,0,0.8); font-size: 2.6rem; font-family: 'Philosopher'; margin-bottom: 10px; }


.explorepage_intro_slideshow_container { height: 500px; }
.explorepage_intro_slideshow_container .bf { height: 50px; }
.explorepage_intro_slideshow_container .sub { padding: 30px; }
.explorepage_intro_slideshow_container .sub .text { margin-left: 20px; margin-top: 30px; }
	
.magic_book_explore { width: 100px; height: 100px; }

.explore_holder { padding: 30px 0;  }
.explore_icon_holder { margin: 40px; }
.explore_icon_holder .title { margin: 5px 0; }


.glossary_title_panel { background: url(https://www.alexanderdawnrider.com/images/wood_board_frame01.avif); background-size: 100% 100%; width: 70%; filter: drop-shadow(-5px 5px 10px rgba(0, 0, 0, 0.7));  padding: 40px; margin: auto; text-align: center; color: #eee; line-height: 130%; text-shadow: -3px 3px 5px rgba(0,0,0,0.8); font-size: 2.6rem; font-family: 'Philosopher'; margin-bottom: 10px; }
.glossary_book_holder { border-radius: 15px; padding: 15px; }
.glossary_book_holder .sub .book_center { width: 50px; }
.glossary_book_holder .sub .pages_top .left1, .glossary_book_holder .sub .pages_top .left2 { height: 10px; padding-left: 1px;  border: 2px groove #ddd; border-width: 0 0 0 2px; border-top-left-radius: 40px 20px; border-top-right-radius: 20px 40px; }
.glossary_book_holder .sub .pages_top .right1, .glossary_book_holder .sub .pages_top .right2 { height: 10px; padding-right: 1px; border: 2px groove #ddd; border-width: 0 2px 0 0; border-top-left-radius: 40px 20px; border-top-right-radius: 20px 40px ; }
.glossary_book_holder .sub .page_ridges { background: url(https://www.alexanderdawnrider.com/images/book_paper_texture.avif); padding: 0 1px 0 1px; border: 4px groove #ddd; border-width: 0 2px 1px 2px; }
.glossary_holder { padding: 40px 0; }
.glossary_holder .tf { height: 50px; }
.glossary_list { border-spacing: 0 10px; }
.glossary_list_col.left  { padding: 0 32px 5px 10px; }
.glossary_list_col.right  { padding: 0 10px 5px 32px; }
.glossary_section { padding: 5px; margin: 12px auto 10px auto; }
.glossary_item { padding-bottom: 20px; padding-left: 10px; }
.glossary_desc {  padding-bottom: 10px; padding-left: 20px; } ht: bold; color: #005; margin-top: 5px; }


.races_opening_text_background { padding: 20px 0; }
.races_item_text_background { padding: 10px 10px; }
.races_item_background { padding: 30px 0; }
.races_opening_text_background .rtf, .races_item_background .rtf { height: 50px; }
.races_opening_text_background .rbf, .races_item_background .rbf { height: 50px; }
.race_character_list_holder { margin: 8px auto;  }
.race_character_list { margin: 8px auto; }
.race_character_list_button { filter: drop-shadow(-10px 10px 5px rgba(0, 0, 0, 0.5)); padding: 15px 45px 25px 45px; margin-top: 20px; margin-bottom: 10px; }
.race_character_list_button { padding: 15px 30px; }
.race_list_pron { padding-left: 30px;} 
.races_opening_text { padding: 30px; text-shadow: -2px 2px 4px rgba(0,0,0,0.7); }
.races_list { border-spacing: 0 10px; }
.races_list_col { padding: 15px 15px; }
.races_item { padding-bottom: 20px; }
.races_name { padding-top: 20px; padding-bottom: 10px; }
.races_name_pron { padding-left: 12px;} 
.races_desc {  padding-bottom: 20px; padding-left: 20px; } 
.races_image { margin: 0 10px 0 10px;  }
.races_list_divider { margin-bottom: 7px; }
.races_image_fade { box-shadow: 30px 30px 60px 0 white inset, -30px -30px 60px 0 white inset; }

.privacy_holder_big .tf, .privacy_holder_big .bf { height: 30px;}
.privacy_holder { padding: 30px 50px;  }
.privacy_holder .title { margin: 10px auto; }

.poll_timer { margin: 10px auto; }
.poll_page_background { padding: 30px 0; }
.poll_page_background .tf, .poll_page_background .bf  { height: 40px;}

.poll_holder_big_title { margin-bottom: 30px; }
.poll_holder_instructions { margin-bottom: 20px; }
.poll_holder { margin: 50px auto; padding: 70px 110px; }
.poll_holder { filter: drop-shadow(-10px 10px 15px rgba(0, 0, 0, 0.5)); }
.poll_holder .answers_holder { margin: 30px auto; }
.poll_holder .answers_holder .line { margin-bottom: 5px; }
.poll_holder .answers_holder .submit { filter: drop-shadow(-10px 10px 5px rgba(0, 0, 0, 0.5)); padding: 10px 45px 10px 45px; margin-top: 20px; } 
.poll_holder .errormessage { margin: 20px auto; }

.poll_results_holder_huge { margin: 10px auto 30px auto; }
.poll_results_holder_big { margin: 10px auto; padding: 30px; }
.poll_results_holder { margin: 10px auto; }
.poll_results_holder .name { padding: 3px 6px; }
.poll_results_holder .perc { padding: 3px 6px; }
.poll_results_holder_big .other_answers { margin: 20px auto;  }
.poll_results_holder_big .other_answers .title { padding: 3px 6px; }
.poll_results_holder_big .other_answers .title { padding: 10px 45px 10px 45px; } 
.poll_results_holder_big .subheader { margin-bottom: 10px;  }
.poll_results_holder_big .header .title { padding: 5px 20px; border-radius: 10px 20px; }
.poll_results_holder_big .header .title { filter: drop-shadow(-10px 10px 5px rgba(0, 0, 0, 0.5)); padding: 20px 85px 20px 85px; } 
.poll_results_holder_big .nothing { margin: 20px auto; }
.poll_results_holder_big .sub { margin: 20px auto 5px auto;  }
.previous_poll_title { margin: 10px auto; filter: drop-shadow(-10px 10px 5px rgba(0, 0, 0, 0.5)); padding: 20px 100px 20px 100px; margin: 10px auto; }
.poll_page_button { filter: drop-shadow(-10px 10px 5px rgba(0, 0, 0, 0.5)); padding: 15px 45px 15px 45px; margin-top: 20px; margin-bottom: 10px; }


.sign_holder { height: 90px; }
.sign { margin: 20px auto; padding: 10px 35px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 5px 10px rgba(0, 0, 0, 0.4); border-radius: 15px; transform-origin: 50% -65px;  }
.sign:before { width: 30px; height: 30px; top: -15px; left: 50%; margin-left: -17px; }
.sign:after { width: 10px; height: 10px; top: -25px; left: 50%; margin-left: -4px;  }
}


@media only screen and (max-width: 950px) {
   html { font-size: 9.1px; }
}

@media only screen and (max-width: 900px) {
   html { font-size: 8.7px; }
   .titlemenu_holder { display: none; }
   .titlemenu_holder2 { display: flex; }
   .titlemenu_holder .m { width: 80%; }
   .amain_subcontent { margin-top: 100px !important;   }
}

@media only screen and (max-width: 850px) {
   html { font-size: 8.3px; }
}

@media only screen and (max-width: 800px) {
   html { font-size: 7.9px; }
}

@media only screen and (max-width: 750px) {
   html { font-size: 7.5px; }
}

@media only screen and (max-width: 700px) {
   html { font-size: 7.1px; }
}

@media only screen and (max-width: 650px) {
   html { font-size: 6.7px; }
}

@media only screen and (max-width: 600px) {
   html { font-size: 6.3px; }
.about_holder1_text { padding: 1.0vw 2.0vw; line-height: 130%; }
.front_featured_descbox_desc, .main_booklist_desc { line-height: 120%; }
.front_featured_descbox_title, .main_booklist_title { font-size: 3.0rem; }
.main_booklist_desc { font-size: 2.8rem;  }
.front_featured_descbox_subtitle { font-size: 1.8rem;  }
.front_featured_descbox_desc { width: 90%; font-size: 2.6rem;  }
.front_featured_table { padding-top: 15px; }
.fancyribbon-content a { font-size: 2.9rem;  }
.hanging_banner1 a { font-size: 2.3rem;  }

}

@media only screen and (max-width: 550px) {
   html { font-size: 5.9px; }
}

@media only screen and (max-width: 500px) {
   html { font-size: 5.8px; }
}

@media only screen and (max-width: 450px) {
   html { font-size: 5.7px; }
.fancyribbon-content a { font-size: 2.6rem;  }
}

@media only screen and (max-width: 400px) {
   html { font-size: 5.5px; }
.about_holder1_text { padding: 0.5vw 1.5vw; line-height: 110%; }
.front_featured_descbox_desc, .main_booklist_desc { line-height: 120%; }
.main_booklist_title { font-size: 2.7rem; }
.main_booklist_desc { font-size: 2.5rem;  }
.hanging_banner1 a { font-size: 2.0rem;  }
}

@media only screen and (max-width: 350px) {
   html { font-size: 5.4px; }
}

@media only screen and (max-width: 300px) {
   html { font-size: 5.2px; }
}

@media only screen and (max-width: 250px) {
   html { font-size: 5.1px; }
}

@media only screen and (max-width: 200px) {
   html { font-size: 5.0px; }
}