/* some helper styles */

ul.vertical_menu, ul.horizontal_menu { list-style-type: none; margin: 0; padding: 0; position:relative; }
ul.vertical_menu > li a, ul.horizontal_menu > li a { display:block; }
ul.horizontal_menu > li { float:left; position:relative; }
ul.vertical_menu > li { position:relative; }

ul.vertical_menu ul, ul.horizontal_menu ul { list-style-type: none; margin: 0; padding: 0; visibility:hidden; position:absolute; width:200px; }
ul.vertical_menu > li:hover > ul, ul.horizontal_menu > li:hover > ul { visibility:visible; }

ul.horizontal_menu > li a { padding-left:10px; padding-right:10px; }
ul.vertical_menu > li a { padding-top:8px; padding-bottom:8px; }

ul.theme_light a, ul.theme_light a:link, ul.theme_light a:active, ul .theme_light a:visited { color:#0a0a0a; text-decoration:none; }
ul.theme_light a:hover { color:#0c0c0c; }
ul.theme_dark a, ul.theme_dark a:link, ul.theme_dark a:active, ul .theme_dark a:visited { color:#fefefe; text-decoration:none; }
ul.theme_dark a:hover { color:#d0d0d0; }

.quote-card {background: #fff; color: #222222; padding: 20px; padding-left: 50px; box-sizing: border-box; box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12); position: relative; overflow: hidden; min-height: 120px;}
.quote-card p { font-size: 20px; line-height: 1.5; margin: 0; max-width: 80%; }
.quote-card cite { font-size: 16px; margin-top: 10px; display: block; font-weight: 200; opacity: 0.8; }
.quote-card:before {font-family: Georgia, serif;content: "“";position: absolute;top: 10px;left: 10px;font-size: 5em;color: rgba(238, 238, 238, 0.8);font-weight: normal;}
.quote-card:after {font-family: Georgia, serif;content: "”";position: absolute;bottom: -110px;line-height: 100px;right: -32px;font-size: 25em;color: rgba(238, 238, 238, 0.8);font-weight: normal;}
@media (max-width: 640px) {.quote-card:after {font-size: 22em;right: -25px;}}
.quote-card.blue-card {background: #0078FF;color: #ffffff;box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);}
.quote-card.blue-card:before, .quote-card.blue-card:after {color: #5FAAFF;}
.quote-card.green-card {background: #00970B;color: #ffffff;box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);}
.quote-card.green-card:before, .quote-card.green-card:after { color:#59E063; }
.quote-card.red-card { background: #F61E32; color: #ffffff; box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24); }
.quote-card.red-card:before, .quote-card.red-card:after { color:#F65665; }
.quote-card.yellow-card { background: #F9A825; color: #222222; box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24); }
.quote-card.yellow-card:before, .quote-card.yellow-card:after { color: #FBC02D; }

.half_trans { opacity:0.8; filter:alpha(opacity=60); /* For IE8 and earlier */ }
.transbox_big { opacity:0.4;	filter:alpha(opacity=40); /* For IE8 and earlier */ }
.transbox { opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */ }
.transbox_small { opacity:0.8; filter:alpha(opacity=60); /* For IE8 and earlier */ }
.transbox_big:hover, .transbox:hover, .transbox_small:hover{ opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }

.anim_smooth { transition : all 0.2s ease-out;  -webkit-transition : all 0.2s ease-out;  -moz-transition : all 0.2s ease-out; -o-transition : all 0.2s ease-out; }