/*
Theme Name: AbdoZoom
Theme URI: http://www.abdozoom.com
Description: 
Author: Sprung Interactive
Author URI: http://madebysprung.com
Template: Total
Version: 1.1
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

input {
    -webkit-appearance: none;
    border-radius: 0;
}

#outer-wrap {
    visibility: hidden;
}

.post-edit {
    display:none;
}


#site-logo {
    margin-left: 26px;
    /* ADD THIS LINE to push the logo away from the tools */
    margin-right: 30px; 
}

#loading {
    color: #E12635;
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-top: -80px;
    margin-left: -50px;
}

body.search #sidebar {
    display: none !important;
}

@media only screen and (min-width: 1281px) {
    body.search .content-area {
        width: 980px;
        max-width: none;
    }
}
.sorrynoresults {
    text-align: center;
    margin-bottom: 40px;
}
        
.headertools {
    float: left;
    width: 690px;
    margin: 25px 40px 0 0;
	
}

.headertools .azsearchform {
    float: left;
}

.headertools .azsearchform input[type="text"] {
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    background: #329cc7;
    padding: 18px 20px;
    border: 0;
    vertical-align: top;
    width: 310px;
    height: 66px;
}

.headertools .azsearchform input[type="image"] {
    width: 66px;
    padding: 0;
}

.headertools .homebutton {
   float: left;
    margin-left: 10px;
}

.headertools .printbutton {
   float: left;
    margin-left: 10px;
}

.headertools .sharebutton {
    float: left;
    margin-left: 10px;
}

body.single-title .headertools .printbutton,
body.single-title .headertools .sharebutton {
    display: inherit !important;   
}

.headertools .logoutbutton {
    float: right;
    margin-left: 10px;
}

.headertools .languagebutton {
    float: right;
    margin-left: 10px;
}


.headertools .gamesbutton {
     float: left;
    margin-left: 10px;
}

/* Read Along Styles */
#about-text.speaking {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.readalongtext .speaking, .tabtitle.speaking {
    background-color: yellow;
}
/*
.readalongtext span[data-begin].speaking {
    background-color: yellow;
    box-shadow: 0px 0px 4px yellow;
}
.readalongtext span[data-begin] {
    cursor: pointer;
}
*/

img.readtome {
    cursor: pointer;
}


.tooltipstered {
	color: #0078c7;
    cursor: pointer;
}


.wpb_content_element.wpb_tabs.tab-style-default .wpb_tour_tabs_wrapper .wpb_tab {
    padding: 40px !important;
    border: 0 !important;
}



.wpb_tabs.tab-style-default .wpb_tabs_nav {
    border: 0 !important;
    height: 60px !important;
}

.wpb_content_element .wpb_tabs_nav li {
    background: none !important;
}

.wpb_tabs.tab-style-default .wpb_tabs_nav li a {
    width: 174px !important;
    padding: 30px 0px !important;
    border: 0 !important;
    margin: 0 3px !important;
    line-height: 0 !important;
    color: #ffffff !important;
    text-align: center
}

.wpb_tabs.tab-style-default .wpb_tabs_nav li:nth-child(1) {
    margin-left: 40px;
}


.wpb_tabs.tab-style-default .wpb_tabs_nav li:nth-child(1) a {
    background: #0075c9 !important;
}

.wpb_tabs.tab-style-default .wpb_tabs_nav li:nth-child(2) a {
    background: #874b95 !important;
}

.wpb_tabs.tab-style-default .wpb_tabs_nav li:nth-child(3) a {
    background: #f16819 !important;
}

.wpb_tabs.tab-style-default .wpb_tabs_nav li:nth-child(4) a {
    background: #ed3c45 !important;
}

.wpb_tabs.tab-style-default .wpb_tabs_nav li:nth-child(5) a {
    background: #0f9c37 !important;
}

.wpb_tabs.tab-style-default .wpb_tabs_nav li.ui-tabs-active a {
    background: #ffffff !important;
    color: #000 !important;
}

.geoname {
    display: inline-block;
    top: 9px;
    position: relative;
}

#zoomin {
    margin: 40px 0 0 0;
    background-color: #e3212d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(227, 33, 45)), to(rgb(238, 78, 86)));
    background-image: -webkit-linear-gradient(top, rgb(227, 33, 45), rgb(238, 78, 86));
    background-image: -moz-linear-gradient(top, rgb(227, 33, 45), rgb(238, 78, 86));
    background-image: -o-linear-gradient(top, rgb(227, 33, 45), rgb(238, 78, 86));
    background-image: -ms-linear-gradient(top, rgb(227, 33, 45), rgb(238, 78, 86));
    background-image: linear-gradient(top, rgb(227, 33, 45), rgb(238, 78, 86));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e3212d', EndColorStr='#ee4e56');
}

#zoomin .zoomintitle {
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 40px;
}

#readalongtext-coolfact {
    margin-top: 20px;
}

#coolfactscontent {
    width: 920px;
    min-height: 375px;
    background-color: #eb363d;
}

.coolfactimage {
    float: left;
    width: 270px;
    margin: 65px 0 0 75px;    
}

.coolfactimage img {
    width: 270px;
    height: auto;
    border: 16px solid #fff;   
}

.coolfactcontent {
    float: right;
    width: 500px;
    margin: 65px 45px 40px 0px;
    color: #FFF;
    font-size: 20px;   
}

.coolfactcontent img.icon-coolfact {
    float: left;
}

.coolfactcontent .larger {
    font-size: 36px;
    line-height: 46px;
    display: block;
}


#quickstatscontent {
    width: 920px;
    min-height: 375px;
    background-color: #eb363d;
}

.quickstatsimage {
    float: left;
    width: 200px;
    margin: 45px 0 0 90px;    
}

.quickstatscontent {
    float: right;
    width: 500px;
    margin: 20px 45px 20px 0px;
    color: #FFF;
    font-size: 20px;
    line-height: 29px;
    padding-bottom: 8px;
}


.quickstatscontent img {
}

.quickstatscontent .larger {
    font-size: 31px;
    line-height: 38px;
    font-weight: bold;
    color: #ffeeaa;
    display: block;
}

.quickstatscontent span.speaking,
.coolfactcontent span.speaking {
    color: #eb363d
}

#cite {
    text-align: center;
    padding: 20px;
    font-size: 20px;
}

img[usemap], map area{
    outline: none;
}

.fancybox-close {
    background-image: url('/wp-content/themes/abdozoom/images/btn-close.png');
    top: -30px;
    right: -28px;
    width: 67px;
    height: 67px;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fancybox-skin {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.fancybox-inner {
/*     border: 15px solid #FFF; */
}

.bx-wrapper .bx-controls-direction a {
    margin-top: 0px;
    width: 26px;
    height: 29px;
}

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-prev {
    background: url('/wp-content/themes/abdozoom/images/icon-previous.png');
}

.bx-wrapper .bx-next {
    background: url('/wp-content/themes/abdozoom/images/icon-next.png');
}


#playlearn {
    margin: 40px 0 0 0;
    background-color: #0078c7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 120, 199)), to(rgb(4, 151, 216)));
    background-image: -webkit-linear-gradient(top, rgb(0, 120, 199), rgb(4, 151, 216));
    background-image: -moz-linear-gradient(top, rgb(0, 120, 199), rgb(4, 151, 216));
    background-image: -o-linear-gradient(top, rgb(0, 120, 199), rgb(4, 151, 216));
    background-image: -ms-linear-gradient(top, rgb(0, 120, 199), rgb(4, 151, 216));
    background-image: linear-gradient(top, rgb(0, 120, 199), rgb(4, 151, 216));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0078c7', EndColorStr='#0497d8');
}

#playlearn .playlearntitle {
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 40px;
}


#main {
    background-image: url(/wp-content/uploads/2015/06/bg.jpg) !important;
    background-repeat: repeat-x;
    padding: 38px 0;
    margin-top: -20px;
}

img.azicon.readtome {
    vertical-align:middle;
    margin-left: 20px;
}

img.azicon.readtometop {
    display: block;
    vertical-align:inherit;
    margin-bottom: 20px;
}

.pagetitle p {
    font-size: 45px;
    position: relative;
    line-height: 45px;
    left: -27px;
}


.pagetitle .clr {
    background-color: #0474cb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(4, 116, 203)), to(rgb(4, 150, 216)));
    background-image: -webkit-linear-gradient(top, rgb(4, 116, 203), rgb(4, 150, 216));
    background-image: -moz-linear-gradient(top, rgb(4, 116, 203), rgb(4, 150, 216));
    background-image: -o-linear-gradient(top, rgb(4, 116, 203), rgb(4, 150, 216));
    background-image: -ms-linear-gradient(top, rgb(4, 116, 203), rgb(4, 150, 216));
    background-image: linear-gradient(top, rgb(4, 116, 203), rgb(4, 150, 216));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0474cb', EndColorStr='#0496d8');
}

a#btnhabitat {
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #188a48;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(24, 138, 72)), to(rgb(39, 175, 80)));
    background-image: -webkit-linear-gradient(top, rgb(24, 138, 72), rgb(39, 175, 80));
    background-image: -moz-linear-gradient(top, rgb(24, 138, 72), rgb(39, 175, 80));
    background-image: -o-linear-gradient(top, rgb(24, 138, 72), rgb(39, 175, 80));
    background-image: -ms-linear-gradient(top, rgb(24, 138, 72), rgb(39, 175, 80));
    background-image: linear-gradient(top, rgb(24, 138, 72), rgb(39, 175, 80));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#188a48', EndColorStr='#27af50');
}

a#btnclass {
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #0078c8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 120, 200)), to(rgb(4, 152, 218)));
    background-image: -webkit-linear-gradient(top, rgb(0, 120, 200), rgb(4, 152, 218));
    background-image: -moz-linear-gradient(top, rgb(0, 120, 200), rgb(4, 152, 218));
    background-image: -o-linear-gradient(top, rgb(0, 120, 200), rgb(4, 152, 218));
    background-image: -ms-linear-gradient(top, rgb(0, 120, 200), rgb(4, 152, 218));
    background-image: linear-gradient(top, rgb(0, 120, 200), rgb(4, 152, 218));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0078c8', EndColorStr='#0498da');
}

a#btntype {
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #c6343f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(198, 52, 63)), to(rgb(239, 65, 75)));
    background-image: -webkit-linear-gradient(top, rgb(198, 52, 63), rgb(239, 65, 75));
    background-image: -moz-linear-gradient(top, rgb(198, 52, 63), rgb(239, 65, 75));
    background-image: -o-linear-gradient(top, rgb(198, 52, 63), rgb(239, 65, 75));
    background-image: -ms-linear-gradient(top, rgb(198, 52, 63), rgb(239, 65, 75));
    background-image: linear-gradient(top, rgb(198, 52, 63), rgb(239, 65, 75));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c6343f', EndColorStr='#ef414b');
}


a#btngreen {
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #188a48;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(24, 138, 72)), to(rgb(39, 175, 80)));
    background-image: -webkit-linear-gradient(top, rgb(24, 138, 72), rgb(39, 175, 80));
    background-image: -moz-linear-gradient(top, rgb(24, 138, 72), rgb(39, 175, 80));
    background-image: -o-linear-gradient(top, rgb(24, 138, 72), rgb(39, 175, 80));
    background-image: -ms-linear-gradient(top, rgb(24, 138, 72), rgb(39, 175, 80));
    background-image: linear-gradient(top, rgb(24, 138, 72), rgb(39, 175, 80));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#188a48', EndColorStr='#27af50');
}


a#btnblue {
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #0078c8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 120, 200)), to(rgb(4, 152, 218)));
    background-image: -webkit-linear-gradient(top, rgb(0, 120, 200), rgb(4, 152, 218));
    background-image: -moz-linear-gradient(top, rgb(0, 120, 200), rgb(4, 152, 218));
    background-image: -o-linear-gradient(top, rgb(0, 120, 200), rgb(4, 152, 218));
    background-image: -ms-linear-gradient(top, rgb(0, 120, 200), rgb(4, 152, 218));
    background-image: linear-gradient(top, rgb(0, 120, 200), rgb(4, 152, 218));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0078c8', EndColorStr='#0498da');
}

a#btnred {
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #c6343f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(198, 52, 63)), to(rgb(239, 65, 75)));
    background-image: -webkit-linear-gradient(top, rgb(198, 52, 63), rgb(239, 65, 75));
    background-image: -moz-linear-gradient(top, rgb(198, 52, 63), rgb(239, 65, 75));
    background-image: -o-linear-gradient(top, rgb(198, 52, 63), rgb(239, 65, 75));
    background-image: -ms-linear-gradient(top, rgb(198, 52, 63), rgb(239, 65, 75));
    background-image: linear-gradient(top, rgb(198, 52, 63), rgb(239, 65, 75));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c6343f', EndColorStr='#ef414b');
}

a#btnpurple {
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #774683;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(119, 70, 131)), to(rgb(151, 91, 165)));
    background-image: -webkit-linear-gradient(top, rgb(119, 70, 131), rgb(151, 91, 165));
    background-image: -moz-linear-gradient(top, rgb(119, 70, 131), rgb(151, 91, 165));
    background-image: -o-linear-gradient(top, rgb(119, 70, 131), rgb(151, 91, 165));
    background-image: -ms-linear-gradient(top, rgb(119, 70, 131), rgb(151, 91, 165));
    background-image: linear-gradient(top, rgb(119, 70, 131), rgb(151, 91, 165));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#774683', EndColorStr='#975ba5');
}

a#btnorange {
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #c35e18;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(195, 94, 24)), to(rgb(242, 121, 48)));
    background-image: -webkit-linear-gradient(top, rgb(195, 94, 24), rgb(242, 121, 48));
    background-image: -moz-linear-gradient(top, rgb(195, 94, 24), rgb(242, 121, 48));
    background-image: -o-linear-gradient(top, rgb(195, 94, 24), rgb(242, 121, 48));
    background-image: -ms-linear-gradient(top, rgb(195, 94, 24), rgb(242, 121, 48));
    background-image: linear-gradient(top, rgb(195, 94, 24), rgb(242, 121, 48));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c35e18', EndColorStr='#f27930');
}


#aboutVideo img {
    z-index: 9;
    text-align: center;
}

#aboutVideo .btn-play {
    background: url('/wp-content/themes/abdozoom/images/btn-play.png') center center no-repeat;
    margin: -50% 0 0 0;
    height: 82px;
    position: relative;
    z-index: 10;
    margin-bottom: 112px !important;
    cursor: pointer;
    top: 149px;
    left: 200px;
}

.aboutcontent {
    float: left;
    width: 50%;
}

.aboutcontent .tabtitle {
    font-size: 65px;
    float: left;
    line-height: 75px;
    margin-bottom: 20px;
}

.aboutcontent .tabtitle.medium {
    font-size: 55px;
    line-height: 65px;
}

.aboutcontent .tabtitle.long {
    font-size: 40px;
    line-height: 55px;
}

.aboutcontent .tabtitle.superlong {
    font-size: 35px;
    line-height: 45px;
}

.aboutcontent .tabtitle.superduperlong {
    font-size: 30px;
    line-height: 45px;
}



.aboutcontent img.azicon.readtome.long {
    float: none;
    vertical-align: inherit;
    margin: -5px 0 0 0;
}


.aboutcontent .tabtitleicon {
    float: left;
}

.aboutcontent .abouttext {
    font-size: 27px;
    line-height: 36px;
}

.aboutvideo {
    float: right;
    width: 45%;
}


.tabcontent {
    float: left;
    width: 45%;
}

.tabimage {
    float: right;
    width: 45%;
}

.animallistrow .clr {
    background: #9bdef9;
}

.backarrow {
    float: left;
    margin-left: 20px;
    margin-top: 12px;
    position: relative;
    z-index: 1000;
}

p.titlebartext {
    color: #0093de;
}

p.titlebartext img {
    margin-top: 5px;
}

.listtitle {
    font-size: 40px;
    text-align: center;
    margin: 20px 0 30px;
    color: #0093de !important;
}

ul#animallist {
    list-style: none;
    margin: 30px 0 0 0;
    padding: 0;
}

ul#animallist li {
    float: left;
    padding: 0 8px 40px 8px;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    width: 20%;
    min-height: 250px;
}

ul#animallist li a {
    text-decoration: none;
    cursor: pointer;
    color: #0093de !important;
}


.faqtext {
    font-size: 16px;
    line-height: 24px;
}


body.page-id-8597 .vcex-button-icon-left, 
body.page-id-8594 .vcex-button-icon-left,
body.page-id-8597 .vcex-button-icon-right, 
body.page-id-8594 .vcex-button-icon-right {
    display: none;
}

body.page-id-8594 .vcex-button-inner {
   line-height: 27px;
}

.site-footer .container {
  padding-top: 0px;
}

.footer-widget {
  padding-bottom: 15px;
}

#footer {
    font-size: 15px;
}

#footer p {
    margin: 0;
}

.footerlogo img {
    position: relative;
    top: 10px;
    margin-right: 10px;
}

a.footerbuttons {
    float: right;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
}

.footerline {
    margin: 7px 0 !important;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	.fancybox-close {
		background-image: url('/wp-content/themes/abdozoom/images/btn-close@2x.png');
        background-size: 67px 67px;
	}


}