/* Flexnav Base Styles */ .flexnav {width:250px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; -webkit-transform-style: preserve-3d; overflow: hidden; margin: 0 auto; max-height: 0; background: #09A1B6; font-family: "Open Sans", Helvetica, sans-serif; padding-left:0;} .flexnav.opacity {opacity: 0;} .flexnav.flexnav-show {position:relative; right:0;border-top: 1px solid #098CB5; max-height: 2000px; opacity: 1; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .flexnav.one-page {position: fixed; top: 50px; right: 5%; max-width: 200px;} .flexnav .sub-menu {padding-left: 0; margin-bottom:0;} .flexnav li {font-size: 100%; position: relative; overflow: hidden; margin-left:0; margin-bottom:0; padding:0;} .flexnav li a {position: relative; display: block; padding: .96em; z-index: 2; overflow: hidden; font-weight: 700; font-size: 14px; color: #d8eff6; text-decoration: none; background: #09A1B6; border-bottom: 1px solid rgba(0, 0, 0, 0.15); -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -ms-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;} .flexnav li a:hover, .flexnav li.active > a, .flexnav li.current-menu-item > a {color: #000;} .flexnav li ul {width: 100%; padding:0;} .flexnav li ul li {font-size: 100%; position: relative; overflow: hidden;} .flexnav li ul.flexnav-show li {overflow: visible; padding:0;} .flexnav li ul li a{background:#00869B;} .flexnav ul li ul li a{background:#BF3942;} .flexnav ul li ul li ul li a{background:#E0454F;} .flexnav .touch-button {position: absolute; z-index: 999; top: 0; right: 0; width: 50px; height: 45px; display: inline-block; background: #acaca1; background: rgba(0, 0, 0, 0.075); text-align: center;} .flexnav .touch-button:hover {cursor: pointer;} .flexnav .touch-button .navicon {position: relative; top: 1em; font-size: 12px; color: #fff;} .menu-button {position: relative; display: block; padding: 16px 25px;background: #09A1B6;color: #d8eff6;cursor: pointer;font-family: "Open Sans", Helvetica, sans-serif;line-height: 1; font-weight: 700; width:70px; font-size: 14px;} /*.menu-button {position: relative;display: none;padding: 16px 25px;background: #09A1B6;color: #d8eff6;cursor: pointer;font-family: "Open Sans", Helvetica, sans-serif;line-height: 1; font-weight: 700; font-size: 14px;}*/ .menu-button.one-page {position: fixed; top: 0; right: 5%; padding-right: 45px;} .menu-button .touch-button {background: transparent; position: absolute; z-index: 999; top: 0; right: 0; width: 50px; height: 50px; display: inline-block; text-align: center;} .menu-button .touch-button .navicon {font-size: 16px; position: relative; top: 1em; color: #666; display:none;} .menu-button::after{position:absolute;content:"";right:25px;top:18px;height:3px;width:20px;border-top:2px solid #d8eff6;border-bottom:2px solid #d8eff6;z-index:1;} .menu-button::before{position:absolute;content:"";right:25px;top:25px;height:3px;width:20px;border-bottom:2px solid #d8eff6;z-index:1;} @media all and (min-width: 800px) { /*body.one-page {padding-top: 70px;} .flexnav {overflow: visible;} .flexnav.opacity {opacity: 1;} .flexnav.one-page {top: 0; right: auto; max-width: 1080px;} .flexnav li {position: relative; list-style: none; float: left; display: block; background-color: #a6a6a2; overflow: visible; width: 20%;} .flexnav li a {border-left: 1px solid #acaca1; border-bottom: none;} .flexnav li > ul {position: absolute; top: auto; left: 0;} .flexnav li > ul li {width: 100%;} .flexnav li ul li > ul {margin-left: 100%; top: 0;} .flexnav li ul li a {border-bottom: none;} .flexnav li ul.open {display: block; opacity: 1; visibility: visible; z-index: 1;} .flexnav li ul.open li {overflow: visible; max-height: 100px;} .flexnav li ul.open ul.open { margin-left: 100%; top: 0;} .menu-button {display: none;} */ } /*Very large devices*/ @media (min-width: 3000px) and (max-width: 5000px) { .mobile_menu{ display:none;} } /*Projector and Large Screens*/ @media (min-width: 2561px) and (max-width: 3600px) { .mobile_menu{ display:none;} } /*iMac 27 inch, Cinema HD Display*/ @media (min-width: 1921px) and (max-width: 2560px) { .mobile_menu{ display:none;} } /*iMac 21.5 inch, MacBook Pro 17 inch, LED Cinema Display*/ @media (min-width: 1681px) and (max-width: 1920px) { .mobile_menu{ display:none;} } /*MacBook Pro 15 inch High Resolution */ @media (min-width: 1441px) and (max-width: 1680px) { .mobile_menu{ display:none;} } /*MacBook Pro 15 inch*/ @media (min-width: 1281px) and (max-width: 1440px) { .mobile_menu{ display:none;} } /*MacBook Air & Pro 13 inch*/ @media (min-width: 1025px) and (max-width: 1280px) { .mobile_menu{ display:none;} } @media (max-width: 1302px){ .mobile_menu{ display:none;} } /*Desktop*/ @media (max-width: 1024px) { .mobile_menu{ display:none;} } @media (min-width: 1024px) { } @media (max-width: 1023px) { .desktop{ display:none} .mobile{ display:block;} } @media (max-width: 980px) { .desktop{ display:none} .mobile{ display:block;} iframe{height:auto;} #header-wrapper {margin: auto; width: 96%;} #header{width:100%;} #logo {float: left; margin: 0;} #logo > img {max-width: 100%; margin:auto; display:block;} #header .social-icons {margin: 16px 0 0; float:right;position: relative;right: auto;top: auto;width: 64px;} #main-wrapper{width:96%;} #main-top{ height:19px; background: #EEEEEE; border-radius: 5px 5px 0 0;} #main-menu {display: none;} #main{ background: #EEEEEE;} #main-inner{box-sizing:border-box;} #homepage .one-third {float: left;margin: 0;width: 33.33%;} #homepage .one-third .widget img {height: auto;max-width: 100%;} #homepage .one-third .widget .wp-playlist .mejs-container{width:100%!important;} #main-bottom{background: #EEEEEE; border-radius: 0 0 5px 5px;} #main #content {margin: 0 2% 0 0;width: 60%;} #content h1 {margin-left: 0;} #content .page, #content .page .top, #content .page .bottom {background: #ffffff;border-radius: 5px;} #content .page{border: 1px solid #cccccc;border-radius: 5px;} #content .page img {height: auto;max-width: 100%;} #content .page .top {display: none;} .button span {background: #c7d0d6!important;background-image: -webkit-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -moz-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -ms-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -o-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: linear-gradient(to bottom, #c7d0d6, #b0b8bd)!important;-webkit-border-radius: 28;-moz-border-radius: 28;border-radius: 28px;font-family: Arial;color: #ffffff;font-size: 20px;padding: 10px 20px 10px 20px;text-decoration: none; font-size:12px; line-height:14px; height:26px; } .button span:hover {background: #0ab1c7!important;background-image: -webkit-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -moz-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -ms-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -o-linear-gradient(top, #0ab1c7, #078495)!important;background-image: linear-gradient(to bottom, #0ab1c7, #078495)!important;text-decoration: none;} .button span.right {border: none; background:none!important;} .button span.middle {border: none; background:none!important;} .button span.left {padding: 11px 0 0px 18px;} body.page-id-5 .button span.left {padding: 6px 0 6px 18px;} #content .page .bottom {display: none;} #main #sidebar, #main #sidebar-left {background: none;margin: 0;width: 38%;} #sidebar #sidebar-top {display: none;} #main #sidebar .widget {margin: 0;} #sidebar ul li, #sidebar-left ul li {margin-bottom: 5px;} #sidebar #sidebar-bottom{display: none;} table.gigs {border: 1px dotted #666666;border-collapse: collapse;font-size: 0.9em;text-align: left;width: 100%;} table.gigs td.shortNotes {display: none;} #content .page iframe{height: auto;max-width: 100%;} .CleanContact {width: 100%!important;} .entry .top, .entry .bottom {display: none;} .entry {border: 1px solid #cccccc;border-radius: 5px; background:#FFF;} .mobile_menu {width:100%; display:block; background: #eeeeee ;} .menu-button{width:200px; margin:auto;} .slideshow-wrapper {background: #ffffff;border: 1px solid #cccccc;border-radius: 12px;} #homepage .slideshow-top, #homepage .slideshow-middle, #homepage .slideshow-bottom{background: none;} #homepage .slideshow {height: 300px!important;width: 100%!important;} #homepage .slideshow .slide {height: 300px!important;width: 100%!important;} #homepage .slideshow img, #full-width-content .slideshow img, #content .slideshow img {height: 300px!important;width: 100%!important;} } /*Tablets*/ @media (max-width: 768px) { .desktop{ display:none} .mobile{ display:block;} iframe{height:auto;} #header-wrapper {margin: auto; width: 96%;} #header{width:100%;} #logo {float: left; margin: 0;} #logo > img {max-width: 100%; margin:auto; display:block;} #header .social-icons {margin: 16px 0 0; float:right;position: relative;right: auto;top: auto;width: 64px;} #main-wrapper{width:96%;} #main-top{ height:19px; background: #EEEEEE; border-radius: 5px 5px 0 0;} #main-menu {display: none;} #main{ background: #EEEEEE;} #main-inner{box-sizing:border-box;} #homepage .one-third {float: left;margin: 0;width: 33.33%;} #homepage .one-third .widget img {height: auto;max-width: 100%;} #homepage .one-third .widget .wp-playlist .mejs-container{width:100%!important;} #main-bottom{background: #EEEEEE; border-radius: 0 0 5px 5px;} #main #content {margin: 0 2% 0 0;width: 60%;} #content h1 {margin-left: 0;} #content .page, #content .page .top, #content .page .bottom {background: #ffffff;border-radius: 5px;} #content .page{border: 1px solid #cccccc;border-radius: 5px;} #content .page img {height: auto;max-width: 100%;} #content .page .top {display: none;} .button span {background: #c7d0d6!important;background-image: -webkit-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -moz-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -ms-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -o-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: linear-gradient(to bottom, #c7d0d6, #b0b8bd)!important;-webkit-border-radius: 28;-moz-border-radius: 28;border-radius: 28px;font-family: Arial;color: #ffffff;font-size: 20px;padding: 10px 20px 10px 20px;text-decoration: none; font-size:12px; line-height:14px; height:26px; } .button span:hover {background: #0ab1c7!important;background-image: -webkit-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -moz-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -ms-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -o-linear-gradient(top, #0ab1c7, #078495)!important;background-image: linear-gradient(to bottom, #0ab1c7, #078495)!important;text-decoration: none;} .button span.right {border: none; background:none!important;} .button span.middle {border: none; background:none!important;} .button span.left {padding: 11px 0 0px 18px;} body.page-id-5 .button span.left {padding: 6px 0 6px 18px;} #content .page .bottom {display: none;} #main #sidebar, #main #sidebar-left {background: none;margin: 0;width: 38%;} #sidebar #sidebar-top {display: none;} #main #sidebar .widget {margin: 0;} #sidebar ul li, #sidebar-left ul li {margin-bottom: 5px;} #sidebar #sidebar-bottom{display: none;} table.gigs {border: 1px dotted #666666;border-collapse: collapse;font-size: 0.9em;text-align: left;width: 100%;} table.gigs td.shortNotes {display: none;} #content .page iframe{height: auto;max-width: 100%;} .CleanContact {width: 100%!important;} .entry .top, .entry .bottom {display: none;} .entry {border: 1px solid #cccccc;border-radius: 5px; background:#FFF;} .mobile_menu {width:100%; display:block; background: #eeeeee ;} .menu-button{width:200px; margin:auto;} .slideshow-wrapper {background: #ffffff;border: 1px solid #cccccc;border-radius: 12px;} #homepage .slideshow-top, #homepage .slideshow-middle, #homepage .slideshow-bottom{background: none;} #homepage .slideshow {height: 300px!important;width: 100%!important;} #homepage .slideshow .slide {height: 300px!important;width: 100%!important;} #homepage .slideshow img, #full-width-content .slideshow img, #content .slideshow img {height: 300px!important;width: 100%!important;} } /* QUERIES FOR IPAD/TABLETPC LANDSCAPE */ @media only screen and (max-width: 1024px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .desktop{ display:none} .mobile{ display:block;} iframe{height:auto;} #header-wrapper {margin: auto; width: 96%;} #header{width:100%;} #logo {float: left; margin: 0;} #logo > img {max-width: 100%; margin:auto; display:block;} #header .social-icons {margin: 16px 0 0; float:right;position: relative;right: auto;top: auto;width: 64px;} #main-wrapper{width:96%;} #main-top{ height:19px; background: #EEEEEE; border-radius: 5px 5px 0 0;} #main-menu {display: none;} #main{ background: #EEEEEE;} #main-inner{box-sizing:border-box;} #homepage .one-third {float: left;margin: 0;width: 33.33%;} #homepage .one-third .widget img {height: auto;max-width: 100%;} #homepage .one-third .widget .wp-playlist .mejs-container{width:100%!important;} #main-bottom{background: #EEEEEE; border-radius: 0 0 5px 5px;} #main #content {margin: 0 2% 0 0;width: 60%;} #content h1 {margin-left: 0;} #content .page, #content .page .top, #content .page .bottom {background: #ffffff;border-radius: 5px;} #content .page{border: 1px solid #cccccc;border-radius: 5px;} #content .page img {height: auto;max-width: 100%;} #content .page .top {display: none;} .button span {background: #c7d0d6!important;background-image: -webkit-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -moz-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -ms-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -o-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: linear-gradient(to bottom, #c7d0d6, #b0b8bd)!important;-webkit-border-radius: 28;-moz-border-radius: 28;border-radius: 28px;font-family: Arial;color: #ffffff;font-size: 20px;padding: 10px 20px 10px 20px;text-decoration: none; font-size:12px; line-height:14px; height:26px; } .button span:hover {background: #0ab1c7!important;background-image: -webkit-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -moz-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -ms-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -o-linear-gradient(top, #0ab1c7, #078495)!important;background-image: linear-gradient(to bottom, #0ab1c7, #078495)!important;text-decoration: none;} .button span.right {border: none; background:none!important;} .button span.middle {border: none; background:none!important;} .button span.left {padding: 11px 0 0px 18px;} body.page-id-5 .button span.left {padding: 6px 0 6px 18px;} #content .page .bottom {display: none;} #main #sidebar, #main #sidebar-left {background: none;margin: 0;width: 38%;} #sidebar #sidebar-top {display: none;} #main #sidebar .widget {margin: 0;} #sidebar ul li, #sidebar-left ul li {margin-bottom: 5px;} #sidebar #sidebar-bottom{display: none;} table.gigs {border: 1px dotted #666666;border-collapse: collapse;font-size: 0.9em;text-align: left;width: 100%;} table.gigs td.shortNotes {display: none;} #content .page iframe{height: auto;max-width: 100%;} .CleanContact {width: 100%!important;} .entry .top, .entry .bottom {display: none;} .entry {border: 1px solid #cccccc;border-radius: 5px; background:#FFF;} .mobile_menu {width:100%; display:block; background: #eeeeee ;} .menu-button{width:200px; margin:auto;} .slideshow-wrapper {background: #ffffff;border: 1px solid #cccccc;border-radius: 12px;} #homepage .slideshow-top, #homepage .slideshow-middle, #homepage .slideshow-bottom{background: none;} #homepage .slideshow {height: 300px!important;width: 100%!important;} #homepage .slideshow .slide {height: 300px!important;width: 100%!important;} #homepage .slideshow img, #full-width-content .slideshow img, #content .slideshow img {height: 300px!important;width: 100%!important;} } /* QUERIES FOR IPAD/TABLETPC PORTRAIT */ @media only screen and (max-width: 768px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .desktop{ display:none} .mobile{ display:block;} iframe{height:auto;} #header-wrapper {margin: auto; width: 96%;} #header{width:100%;} #logo {float: left; margin: 0;} #logo > img {max-width: 100%; margin:auto; display:block;} #header .social-icons {margin: 16px 0 0; float:right;position: relative;right: auto;top: auto;width: 64px;} #main-wrapper{width:96%;} #main-top{ height:19px; background: #EEEEEE; border-radius: 5px 5px 0 0;} #main-menu {display: none;} #main{ background: #EEEEEE;} #main-inner{box-sizing:border-box;} #homepage .one-third {float: left;margin: 0;width: 33.33%;} #homepage .one-third .widget img {height: auto;max-width: 100%;} #homepage .one-third .widget .wp-playlist .mejs-container{width:100%!important;} #main-bottom{background: #EEEEEE; border-radius: 0 0 5px 5px;} #main #content {margin: 0 2% 0 0;width: 60%;} #content h1 {margin-left: 0;} #content .page, #content .page .top, #content .page .bottom {background: #ffffff;border-radius: 5px;} #content .page{border: 1px solid #cccccc;border-radius: 5px;} #content .page img {height: auto;max-width: 100%;} #content .page .top {display: none;} .button span {background: #c7d0d6!important;background-image: -webkit-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -moz-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -ms-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -o-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: linear-gradient(to bottom, #c7d0d6, #b0b8bd)!important;-webkit-border-radius: 28;-moz-border-radius: 28;border-radius: 28px;font-family: Arial;color: #ffffff;font-size: 20px;padding: 10px 20px 10px 20px;text-decoration: none; font-size:12px; line-height:14px; height:26px; } .button span:hover {background: #0ab1c7!important;background-image: -webkit-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -moz-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -ms-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -o-linear-gradient(top, #0ab1c7, #078495)!important;background-image: linear-gradient(to bottom, #0ab1c7, #078495)!important;text-decoration: none;} .button span.right {border: none; background:none!important;} .button span.middle {border: none; background:none!important;} .button span.left {padding: 11px 0 0px 18px;} body.page-id-5 .button span.left {padding: 6px 0 6px 18px;} #content .page .bottom {display: none;} #main #sidebar, #main #sidebar-left {background: none;margin: 0;width: 38%;} #sidebar #sidebar-top {display: none;} #main #sidebar .widget {margin: 0;} #sidebar ul li, #sidebar-left ul li {margin-bottom: 5px;} #sidebar #sidebar-bottom{display: none;} table.gigs {border: 1px dotted #666666;border-collapse: collapse;font-size: 0.9em;text-align: left;width: 100%;} table.gigs td.shortNotes {display: none;} #content .page iframe{height: auto;max-width: 100%;} .CleanContact {width: 100%!important;} .entry .top, .entry .bottom {display: none;} .entry {border: 1px solid #cccccc;border-radius: 5px; background:#FFF;} .mobile_menu {width:100%; display:block; background: #eeeeee ;} .menu-button{width:200px; margin:auto;} .slideshow-wrapper {background: #ffffff;border: 1px solid #cccccc;border-radius: 12px;} #homepage .slideshow-top, #homepage .slideshow-middle, #homepage .slideshow-bottom{background: none;} #homepage .slideshow {height: 250px!important;width: 100%!important;} #homepage .slideshow .slide {height: 250px!important;width: 100%!important;} #homepage .slideshow img, #full-width-content .slideshow img, #content .slideshow img {height: 250px!important;width: 100%!important;} } @media only screen and (max-width: 700px) { .desktop{ display:none} .mobile{ display:block;} iframe{height:auto;} #header-wrapper {margin: auto; width: 96%;} #header{width:100%;} #logo {float: none; margin: 0;} #logo > img {max-width: 100%; margin:auto; display:block;} #header .social-icons {margin: auto;float:none;position: relative;right: auto;top: auto;width: 64px;} #main-wrapper{width:96%;} #main-top{ height:19px; background: #EEEEEE; border-radius: 5px 5px 0 0;} #main-menu {display: none;} #main{ background: #EEEEEE;} #main-inner{box-sizing:border-box;} #homepage .one-third {float: none;margin: 0;width: 100%;} #homepage .one-third .widget img {height: auto;max-width: 100%;} #homepage .one-third .widget .wp-playlist .mejs-container{width:100%!important;} #main-bottom{background: #EEEEEE; border-radius: 0 0 5px 5px;} #main #content {margin: 0;width: 100%;} #content h1 {margin-left: 0;} #content .page, #content .page .top, #content .page .bottom {background: #ffffff;border-radius: 5px;} #content .page{border: 1px solid #cccccc;border-radius: 5px;} #content .page img {height: auto;max-width: 100%;} #content .page .top {display: none;} .button span {background: #c7d0d6!important;background-image: -webkit-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -moz-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -ms-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -o-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: linear-gradient(to bottom, #c7d0d6, #b0b8bd)!important;-webkit-border-radius: 28;-moz-border-radius: 28;border-radius: 28px;font-family: Arial;color: #ffffff;font-size: 20px;padding: 10px 20px 10px 20px;text-decoration: none; font-size:12px; line-height:14px; height:26px; } .button span:hover {background: #0ab1c7!important;background-image: -webkit-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -moz-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -ms-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -o-linear-gradient(top, #0ab1c7, #078495)!important;background-image: linear-gradient(to bottom, #0ab1c7, #078495)!important;text-decoration: none;} .button span.right {border: none; background:none!important;} .button span.middle {border: none; background:none!important;} .button span.left {padding: 11px 0 0px 18px;} body.page-id-5 .button span.left {padding: 6px 0 6px 18px;} #content .page .bottom {display: none;} #main #sidebar, #main #sidebar-left {background: none;margin: 0;width: 100%;} #sidebar #sidebar-top {display: none;} #main #sidebar .widget {margin: 0;} #sidebar ul li, #sidebar-left ul li {margin-bottom: 5px;} #sidebar #sidebar-bottom{display: none;} table.gigs {border: 1px dotted #666666;border-collapse: collapse;font-size: 0.9em;text-align: left;width: 100%;} table.gigs td.shortNotes {display: none;} #content .page iframe{height: auto;max-width: 100%;} .CleanContact {width: 100%!important;} .entry .top, .entry .bottom {display: none;} .entry {border: 1px solid #cccccc;border-radius: 5px; background:#FFF;} .mobile_menu {width:100%; display:block; background: #eeeeee ;} .menu-button{width:200px; margin:auto;} .slideshow-wrapper {background: #ffffff;border: 1px solid #cccccc;border-radius: 12px;} #homepage .slideshow-top, #homepage .slideshow-middle, #homepage .slideshow-bottom{background: none;} #homepage .slideshow {height: 190px!important;width: 100%!important;} #homepage .slideshow .slide {height: 190px!important;width: 100%!important;} #homepage .slideshow img, #full-width-content .slideshow img, #content .slideshow img {height: 190px!important;width: 100%!important;} } /* QUERIES FOR IPHONE/SMARTPHONES */ @media only screen and (max-width: 480px), only screen and (min-device-width : 320px) and (max-device-width : 480px) { .desktop{ display:none} .mobile{ display:block;} iframe{height:auto;} #header-wrapper {margin: auto; width: 96%;} #header{width:100%;} #logo {float: none; margin: 0;} #logo > img {max-width: 100%;} #header .social-icons {margin: auto; float:none;position: relative;right: auto;top: auto;width: 64px;} #main-wrapper{width:96%;} #main-top{ height:19px; background: #EEEEEE; border-radius: 5px 5px 0 0;} #main-menu {display: none;} #main{ background: #EEEEEE;} #main-inner{box-sizing:border-box;} #homepage .one-third {float: none;margin: 0;width: 100%;} #homepage .one-third .widget img {height: auto;max-width: 100%;} #homepage .one-third .widget .wp-playlist .mejs-container{width:100%!important;} #main-bottom{background: #EEEEEE; border-radius: 0 0 5px 5px;} #main #content {margin: 0;width: 100%;} #content h1 {margin-left: 0;} #content .page, #content .page .top, #content .page .bottom {background: #ffffff;border-radius: 5px;} #content .page{border: 1px solid #cccccc;border-radius: 5px;} #content .page img {height: auto;max-width: 100%;} #content .page .top {display: none;} .button span {background: #c7d0d6!important;background-image: -webkit-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -moz-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -ms-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: -o-linear-gradient(top, #c7d0d6, #b0b8bd)!important;background-image: linear-gradient(to bottom, #c7d0d6, #b0b8bd)!important;-webkit-border-radius: 28;-moz-border-radius: 28;border-radius: 28px;font-family: Arial;color: #ffffff;font-size: 20px;padding: 10px 20px 10px 20px;text-decoration: none; font-size:12px; line-height:14px; height:26px; } .button span:hover {background: #0ab1c7!important;background-image: -webkit-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -moz-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -ms-linear-gradient(top, #0ab1c7, #078495)!important;background-image: -o-linear-gradient(top, #0ab1c7, #078495)!important;background-image: linear-gradient(to bottom, #0ab1c7, #078495)!important;text-decoration: none;} .button span.right {border: none; background:none!important;} .button span.middle {border: none; background:none!important;} .button span.left {padding: 11px 0 0px 18px;} body.page-id-5 .button span.left {padding: 6px 0 6px 18px;} #content .page .bottom {display: none;} #main #sidebar, #main #sidebar-left {background: none;margin: 0;width: 100%;} #sidebar #sidebar-top {display: none;} #main #sidebar .widget {margin: 0;} #sidebar ul li, #sidebar-left ul li {margin-bottom: 5px;} #sidebar #sidebar-bottom{display: none;} table.gigs {border: 1px dotted #666666;border-collapse: collapse;font-size: 0.9em;text-align: left;width: 100%;} table.gigs td.shortNotes {display: none;} #content .page iframe{height: auto;max-width: 100%;} .CleanContact {width: 100%!important;} .entry .top, .entry .bottom {display: none;} .entry {border: 1px solid #cccccc;border-radius: 5px; background:#FFF;} .mobile_menu {width:100%; display:block; background: #eeeeee ;} .menu-button{width:200px; margin:auto;} .slideshow-wrapper {background: #ffffff;border: 1px solid #cccccc;border-radius: 12px;} #homepage .slideshow-top, #homepage .slideshow-middle, #homepage .slideshow-bottom{background: none;} #homepage .slideshow {height: 130px!important;width: 100%!important;} #homepage .slideshow .slide {height: 130px!important;width: 100%!important;} #homepage .slideshow img, #full-width-content .slideshow img, #content .slideshow img {height: 130px!important;width: 100%!important;} }