/* MOST OF THE !important OVERRIDES ARE FOR MOBILE */

@media screen and (max-device-width:768px){
.mobile{clear:both; 
 width:100% !important}
.mobileC{text-align:center !important}
#content{width:100% !important}
.mobilepad{margin:0 50px}
.msg{width:100% !important}
html{background:white !important}

/* INDEX */
.icols{width:95% !important}
.bpad{padding-bottom:0 !important}
.mobileCall{clear:both; 
 width:95% !important;
 padding:0 !important;
 margin:45px 0 0}
.special{width:90%;
 margin:5px 5px 150px 10px !important;
 padding:5px 0 0 !important}
#mtop{margin-top:-150px}

/* ABOUT_AIKIDO LINEAGE */
.cols{width:90% !important; 
 margin:0 auto !important; 
 padding:0}
.lpad{padding-left:20px !important}
.rpad{padding-right:20px !important}

/* JOINING */
.section{padding:5px 15px 0 !important}

/* LOCATION */
#gmap{width:300px !important;
 height:300px !important}

/* SCHEDULE */
table#schedule{width:100% !important}
#gcal{width:100% !important}
#schd{
 width:90% !important; 
 margin:0 auto}

/* EVENTS */
#gevents{width:100% !important}
#pastEvents{margin:0 15px !important;
 list-style-position:inside;
 text-indent:-1em}
#calCap{margin:5px 5px 0 !important}

/* LINKS */
.padlinks{padding:0 !important}

/* events HEADER */
.menupage{width:250px !important}
}

@media screen and (max-device-width:768px) and (orientation:portrait){
 .rwd-break{display:inline-block !important}
 .nomo{display:none} /* SCHEDULE */
}

/* MOBILE MENU */
#burgerbtn{display:none}
@media screen and (max-device-width:768px){
 #menuwrap{display:none}
 #burgerbtn{display:block !important}
 .mnav{
 width:100%;
 margin:0 0 2px;
 background-color:whitesmoke}
 #hamburger{
 display:none;
 position:absolute;
 top:100px; 
 padding:0 0 5px;
 z-index:900;
 background-color:rgba(248,248,255,0.75)}
 #hamburger-toggle:checked + #hamburger{display:block !important} 
 #hamburger-toggle{display:none; /* hide the checkbox */
  position:absolute; 
  bottom:5px}
 .btnH{line-height:0;font-weight:bold}
 .icostyle{color:black !important}
 .btnborder{border:3px inset lightgoldenrodyellow !important}
 .buns{border:2px outset #CCCCCC;
  background-color:white;
  padding:0 5px}
 #hamburger a:active, #hamburger a:hover, #hamburger a:focus{background-color:grey}
}


/* GOTOSKIP */
#goto a{
 padding:6px;
 position:absolute;
 top:70px;
 left:-1000px;
 color:white !important;
 border-right:1px solid white;
 border-bottom:1px solid white;
 border-bottom-left-radius:15px;
 border-top-right-radius:15px;
 background:transparent;
 -webkit-transition:top 1s ease-out, background 1s linear;
 transition:top 1s ease-out, background 1s linear;
 z-index:100}
#goto a:focus{
 position:absolute;
 top:70px;
 left:10px;
 background:black;
 outline:0;	
 -webkit-transition:top .1s ease-in, background .5s linear;
 transition:top .1s ease-in, background .5s linear;
 margin:0;
 text-decoration:none}

#tabmenu a{
 padding:10px;
 position:absolute;
 top:10px;
 left:-10000em;
 color:white;
 border-right:1px solid white;
 border-bottom:1px solid white;
 background:transparent;
 -webkit-transition:top 1s ease-out, background 1s linear;
 transition:top 1s ease-out, background 1s linear;
 z-index:500;		
 font-size:11px;
 font-family:verdana, sans-serif;
 text-transform:uppercase;
 color:#454B81 !important}
#tabmenu a:focus{
 position:relative;
 top:10px;			
 background:lightgoldenrodyellow;
 outline:0;	
 -webkit-transition:top 0.1s ease-in, background .25s linear;
 transition:top 0.1s ease-in, background .25s linear}
#tabAikido a:focus{left:65px}
#tabAOA a:focus{left:140px}
#tabSchd a:focus{left:235px}

/* MENUBAR */
#menuwrap{
 padding:0 0 0 10px; 
 width:790px;
 background:repeat-x url(/assets/menu.gif) white}
#menulist{
 font-size:11px;
 font-family:verdana, sans-serif;
 list-style:none;
 margin:0;
 padding:0;
 text-transform:uppercase}
ul#menulist{
 list-style-type:none;
 margin:0;
 padding:0;
 overflow:hidden}
#menulist li{float:left}
#menulist li a, 
.dropbtn{
 display:block;
 color:#a36109;
 text-align:left;
 padding:10px}
#menulist li a:hover,
#menulist li a:focus,
.dropdown:hover .dropbtn,
.dropdown:focus .dropbtn{
 background-color:lightgoldenrodyellow;
 color:#454B81 /* TOP LEVEL MENU NOT CHANGED */}
.active{background:#FFFFFF}
li.dropdown{display:inline-block}			
.dropdown-content{
 display:none;
 position:absolute;
 background-color:whitesmoke;
 min-width:100px;
 box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index:5}
.dropdown-content a{
 color:firebrick !important; 
 display:block;
 text-align:left}
/* .dropdown-content a:focus -- DOES NOT WORK */
.dropdown-content a:hover{
 background:gainsboro;
 color:#454B81 !important}
/* .dropdown:focus .dropdown-content -- DOES NOT WORK */
.dropdown:hover .dropdown-content{display:block}


/* -- DESKTOP -- */
.inline-block{display:inline-block}
.rwd-break{display:none}
.lmargin{margin-left:30px}
.rmargin{margin-right:30px}
a:focus,a:hover{
 background-color:lightgoldenrodyellow;
 color:darkred !important}
.bg_lightgoldenrodyellow{background-color:lightgoldenrodyellow !important}
.bg_palegoldenrod{background-color:palegoldenrod}
.bg_whitesmoke{background-color:whitesmoke}
.maroon,a.maroon,a:hover.maroon,a:visited.maroon,a:focus.maroon{color:#800000 !important}
.right{float:right}
.left{float:left}
.bold{font-weight:bold}
.notice{font-variant:small-caps}
.underline{text-decoration:underline}
.norm, .page, .ipage, .ext, .jpnr, a:lang(ja-latn).jpnr{font-style:normal}
dfn:lang(ja-latn){
 font-size:12px;
 letter-spacing:2px;
 font-family:Verdana, Arial, sans-serif;
 font-weight:bold;
 text-transform:uppercase;
 margin:auto 0;
 color:maroon;
 display:inline;
 font-style:normal}
.italic, a:lang(ja-latn){font-style:italic}
.gray40{color:#666666}
.white{color:#FFFFFF !important}
.silver{color:silver}
.clear{clear:both}
.alignR{text-align:right}
.alignC{text-align:center}
.justify{text-align:justify}
.inline{display:inline}
.darkgoldenrod{color:darkgoldenrod}
.red{color:red}
.background{background-color:#DCBA7E !important}
.olivedrab{color:olivedrab !important}
.steelblue,a.steelblue,a:hover.steelblue,a:visited.steelblue,a:focus.steelblue{color:steelblue !important}
.midnightblue,a.midnightblue a,a:visited.midnightblue,a:hover.midnightblue,a:focus.midnightblue{color:midnightblue !important}
.nobull{list-style-type:none;margin-left:0}
.jp{
 font-family:'Hiragino Kaku Gothic Pro','Meiryo',sans-serif;
 color:midnightblue}
.vtop{vertical-align:top}
.vmid{vertical-align:middle}
.black{color:black}
.grey{color:grey}
.dimgrey{color:dimgrey}
.page a{color:maroon !important}

 a.dlink,
 a:hover.dlink,
 a:visited.dlink,
 a:focus.dlink{color:black !important}

.arrow-down{
 width:0; 
 height:0; 
 border-left:5px solid transparent;
 border-right:5px solid transparent;
 border-top:5px solid maroon}
.rarrow{
 width:0;
 height:0; 
 border-top:5px solid transparent;
 border-bottom: 5px solid transparent;
 border-left:5px solid black}

.intro{padding:0 0 15px}

.cc_more_info{color:#f1d600 !important}

/* HEAD */
#aoa{
 color:#FFFFFF;
 background:url(/assets/flag.gif) repeat-x #790000;
 min-height:3.35em;
 _height:3.35em;
 padding:5px 20px 40px}
#content{
 width:800px;
 margin:0 auto;
 background-color:white}

body{
 overflow:scroll;
 margin:0}
h1{
 font-size:24px;
 font-family:Georgia, serif;
 font-weight:normal}
h2{ 
 font-size:20px; 
 font-family:Georgia, serif;
 font-weight:normal}
h3{ 
 font-size:18px;
 font-family:Georgia, serif;
 font-weight:normal; 
 color:maroon;
 /*margin-bottom:0*/}
h4{
 font-size:11px;
 letter-spacing:2px;
 font-family:Verdana, Arial, sans-serif;
 font-weight:bold;
 text-transform:uppercase;
 margin:auto 0}
h5{
 font-size:11px;
 font-weight:bold;
 margin:5px 0 0}
h6{display:inline;
 font-size:11px;
 font-weight:bold;margin:auto;padding:auto}

html{
 background:url(/assets/body.gif) repeat-y 50% 0 #DCBA7E;
 margin:0;
 padding:0}
#canvas{
 background:url(/assets/canvas.gif) repeat-y 50% 0 #DCBA7E;
 border-top-color:#c6a772;
 border-color:#c6a772;
 font-size:12px;
 font-family:Verdana, Helvetica, Arial, Tahoma, sans-serif;
 margin:0 auto}
#canvas a{
 color:#a36109; 
 text-decoration:none}

.cancel{
 color:red;
 text-align:center;
 font-weight:bold;
 clear:both;
 padding:5px 0 5px 15px;
 width:97%}
.special{
 text-align:center; 
 border:7px groove steelblue;
 margin:15px 15px 0;
 border-radius:5px}
.msg{
 font-size:12px; 
 width:600px; 
 margin:0 auto;
 padding:0 0 15px;
 /* font-variant:small-caps; */
 text-align:center}

.menupage{
 font-family:Verdana, Arial, sans-serif !important;
 color:#b66263;
 text-align:right;
 width:300px;
 margin:18px auto 0}
#home:link{
 color:#FFFFFF;
 text-decoration:none}
#home:visited{
 color:#FFFFFF;
 text-decoration:none}
#home:hover, 
#home:focus{
 color:lightgoldenrodyellow !important;
 text-decoration:none;
 font-variant:small-caps;
 background-color:initial}


/* INDEX */
#announce{
 font-size:13px;
 color:white;
 letter-spacing:1px;
 font-family:Verdana, Arial, sans-serif;
 font-weight:bold;
 text-transform:uppercase;
 text-shadow: 1px 1px 2px black, 0 0 25px deeppink, 0 0 5px fuchsia}
#announce a:hover,
#announce a:focus{
 color:white !important;
 background-color:hotpink}
.quote{
 font-weight:bold;
 color:darkgoldenrod;
 font-size:18px;
 font-style:italic;
 font-family:Verdana, Tahoma, Geneva; 
 margin:0 40px 0 20px}
p.poem{
 text-indent:-25px;
 padding-left:25px;
 margin:0 -40px 0 -20px}
#peace{margin:30px 0 0 30px}

#feedheader{
 padding:5px;
 background-color:#800000}
#feedheader a:hover,
#feedheader a:focus{
 text-decoration:underline}
#feedtitle{
 color:#ffffff !important;
 font:bold 12px Helvetica, Arial, sans-serif;
 background-color:initial}
#loadingBlog{
 background:url(/assets/loadingBlog.png) top left no-repeat}
#loadingMap{
 background:url(/assets/loadingMap.png) center center no-repeat}
#gmap{width:740px; 
 height:450px;
 border:0}
#loadingCal{
 background:url(/assets/loadingCalendar.png) center center no-repeat;
 margin:25px 0 25px}
#gcal{width:600px;
 height:600px;
 border:0}
#gevents{width:600px;
 height:350px;
 border:0}

/* FOOT */
#orange a,
#orange a:hover,
#orange a:visited,
#orange a:focus{
 color:#FFA500}
#orange a:hover,
#orange a:focus{
 background-color:#303030;
 color:#FFCC00 !important}

#foot{
 background-color:#000000;
 padding:5px 15px 5px;
 clear:both;
 margin:15px 0 0;
 font-size:11px}
.search{font-size:12px !important}

/* CLASS schedule TABLE */
#schd{width:600px; 
 margin:0 auto}

table#schedule{
 border:2px solid black; 
 width:600px; 
 margin:5px auto 15px; 
 border-collapse:collapse}
table#schedule thead{
 font-size:12px;
 background-color:lightgoldenrodyellow}
table#schedule th{padding:5px}
table#schedule td{border-right:1px solid silver}
/* table#schedule tr:nth-child(even){
 font-style:italic}*/

.noClass{background-color:darkgrey}
.padding{padding:3px}

.answer{
 margin:-5px auto;
 padding-bottom:5px}

/* EVENTS */
#calCap{margin:5px 102px 0}
#pastEvents{margin:0 0 0 100px;
 padding:15px 0 5px}
#pastEvents a:hover, #pastEvents a:focus{background-color:khaki}
#pastEvents a:link, #pastEvents a:visited{padding:0 2px}

a.register {
 color:white !important;
 background-color:blue;
 border:3px solid blue;
 border-radius:15px;
 border-style:groove ridge ridge groove;
 text-shadow:1px 1px black;
 box-shadow:2px 2px 1px black}
a.register:hover, a.register:focus{
 background-color:yellow;
 color:mediumblue !important;
 text-shadow:1px 1px white}

/* SEMINAR JOINING*/
#seminar h1{
 font-size:40px;
 font-weight:bolder;
 color:maroon}
p#seminarIntro{
 font-size:15px;
 line-height:1.5;
 padding:0 0 15px}
.seminarLeft{
 float:left;
 width:62%}
.seminarRight{
 float:right;
 width:275px;
 padding:0 5px 5px;
 border:7px solid midnightblue;
 border-style:groove ridge ridge groove;
 margin:0 5px 15px;
 text-align:center}
.seminarDetailsH{
 color:maroon;
 font-weight:bold;
 font-family:Verdana, sans-serif; 
 font-size:14px;
 font-variant:small-caps}
.seminarDetails p{font-size:13px}
.seminarReg{
 font-weight:bold;
 font-family:Verdana, sans-serif; 
 font-size:15px;
 font-variant:small-caps;
 color:black;
 font-style:italic}

/* JOINING */
.section{padding:0 30px 15px}

/* LINKS*/
.topic{padding:15px 0 0 40px;margin:0}
.light{
 font-style:italic;
 color:/*darkgoldenrod*/slateblue}
#links a:hover > .light, #links a:focus > .light{color:sienna}
#links a:link, #links a:visited{
 color:/*darkgoldenrod*/midnightblue;
 text-decoration:none}
#links a:hover, #links a:focus{
 text-decoration:none;
 font-weight:bold}

/* LINEAGE */
.sensei{ 
 color:maroon;
 font-variant:small-caps;
 font-size:13px;
 font-weight:bold}
.lineage{padding:0 5px 0 0}

/* ABOUT_AIKIDO */
#char{padding:0 20px 5px}
.cols{
 width:353px;
 padding:15px 0 25px}

/* WEAPONS */
.weapons{margin:-10px 0 10px}
.ken{
 margin:-5px 0 15px -40px; 
 list-style-type:none}
.jo{
 margin-left:-17px; 
 list-style-type:decimal-leading-zero}

/* GLOSSARY */
.define{padding:0 0 0 5px}
.gloss{margin:10px auto}
.japanese{padding:25px 0 0}
#etiquette{list-style-type:circle}

/* GALLERY */
#loadingYouTube{
 background:url(//aikidoofarlington.com/assets/loadingArlingtonAwase.png) top center no-repeat;
 border:0}
#loadingFlickrGroup{
 background:url(//aikidoofarlington.com/assets/loadingFlickrGroup.png) top center no-repeat;
 border:0}

/* CONTACT */
#reviews{margin:50px auto;
 width:70%;
 border:1px solid red}
#write{font-family:"Gills Sans", Tahoma, Arial, sans-serif}

.printonly{display:none}
@media print{
 #goto, #burgerbtn, #menuwrap, #tabmenu, .pubble-cw, #qr {display:none !important}
 #home,.street-address, .locality, .region, .postal-code, .type, .value, .print, #canvas a {color:black !important}
 #canvas a, h1 {font-weight:bold;color:black}
 #dojo {font-weight:bold !important}
 .printnorm, #links a:link {font-weight:normal !important;color:black}
 .printonly{display:inline-block}
 .printqr{clear:both;width:300px;display:block;text-align:center;margin:15px auto}
 .block{display:block;color:black}
 #links a:link:after, #links a:visited:after{content:" [http:"attr(href)"]"}
 .noprint{display:none}
}