/*
Theme Name: Kramer Pediatrics
Theme URI: http://www.kramerpediatricspecialist.com.com/
Description: This theme is designed to have a fluid layout. The site uses responsive design, 100% width, widgets, custom menu, rotating header, jquery, css3 and html5. 100% CSS Drop Down Menu
Author: Michael Giordano
Version: 1.0
Tags: two-columns, responsive-design, custom-header, custom-background, custom-menus
*/
/* CSS Document & HTML Elements */
/* used by WordPress */
.alignnone {margin:0;}
.aligncenter, div.aligncenter {display:block;margin: .5em auto;}
.alignright, .fRight {float:right;margin: 0 0 .2em .5em;}
.alignleft, .fLeft {float:left;margin: 0 .5em .2em 0;}
.aligncenter {display: block;margin: 1em auto;}
a img.alignright {float:right;margin: 0 0 .2em .5em;}
a img.alignnone {margin: 0;}
a img.alignleft {float:left;margin: 0 .5em .2em 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.clear{clear:both}
.wp-caption {border: 1px solid #ddd; background-color: #f3f3f3; padding: .5em; margin: .5em 1em; display: table-cell; }
.wp-caption img {margin: 0;padding: 0; }
.wp-caption p.wp-caption-text {font-size: 81.3%; line-height: 1.5em; margin: 0; text-align: center;}
#wpadminbar{z-index: 99999999999999999999999999999!important;}
.gform_wrapper textarea, .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password]{font-size:1em!important;}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction{font-size:1em!important;}

/*reset our css*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align:baseline; font-weight:normal;}
/* font anti-aliasing*/
html, html a {-webkit-font-smoothing: antialiased !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote::before, blockquote::after,q::before, q::after {content: ''; content: none;}
blockquote {font-style:italic;width:80%;margin:0.25em 0;padding:0.25em 2em;line-height:1.45;position:relative;color:#fff;background:#050818;-webkit-border-radius: .25em; -moz-border-radius: .25em; border-radius: .25em; -webkit-box-shadow: 0 .3em .25em 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 .3em .25em 0 rgba(50, 50, 50, 0.75); box-shadow: 0 .3em .25em 0 rgba(50, 50, 50, 0.75);}
blockquote::before {display:block;content:"\201C";font-size:400%;position:absolute;left:0em;top:-.1em;color:#fff;}
blockquote::after {display:block;content:"\201D";font-size:400%;position:absolute;right:.3em; top:-.1em;color:#fff;}
blockquote cite {color:#46b1e5;font-size:80%;display:block;margin-top:5px;}
blockquote cite::before {content: "\2014 \2009";}
blockquote cite a{color:#fff!important;}

/* set our new html css values */
body{background: #afc8cd; font:1.125em 'Lato', sans-serif; color:#050818; line-height: 1.5em;}
body#tinymce{background-image:none!important; padding-top:0!important; background-color: #fff!important}
table{border-spacing:0px; border-collapse:separate}
tr{ vertical-align:top}
td{vertical-align:top}
img, img[class*="align"], img[class*="wp-image-"], div.product-thumb img{border:0cm; max-width:100%; height:auto; -ms-interpolation-mode: bicubic; vertical-align: baseline;}
img[class*="wp-image-"]{border:0cm}
p{padding: .5em 0;text-align: left; line-height: 1.5em;}
h1{font: 166.7% 'Lato', sans-serif; color:#050818; padding: .5em 0;}
h2{font: 133.3% 'Lato', sans-serif; color:#050818; padding: .5em 0;}
h2#RemedyTitle{text-decoration: underline;}
h3{font: 127.8% 'Lato', sans-serif; color:#050818; padding: .5em 0;}
h4{font: 122.2% 'Lato', sans-serif; color:#050818; padding: .5em 0;}
h5{font: 116.7% 'Lato', sans-serif; color:#050818; padding: .5em 0;}
h6{font: 105.6% 'Lato', sans-serif; color:#050818; padding: .5em 0;}
li{}
a{color:#050818; text-decoration:underline; word-wrap:break-word;}
a:hover{text-decoration:none;}
hr{color:#050818; background-color:#050818; height:1px; line-height:1px; border: 0px; clear: both}
strong, b, strong a, b a{font-weight:bold}
small, .small{font-size:87.5%}
em, i{font-style:italic}
strong em, strong i, b em, b i, em strong, em b, i strong, i b{font-weight: bold; font-style: italic;}
iframe {padding:0px;}
iframe, object, embed{max-width: 100%; max-height: auto;}
iframe{width:560px; height: 315px}
blockquote,ul,ol{margin:1em; margin-top:.25em;}
ul li ul, ol li ol{margin-top:0em;}
ol{padding-left:2em;}
ul{padding-left:2em;}
ul li{ list-style-type:disc; list-style-position:outside; line-height: 1.75em;}
ol li{ list-style-type:decimal; list-style-position:outside; line-height: 1.75em;}
textarea, input{border:1px solid #001019; background:#fff; color:#050818; padding:.5em; font-family:'Lato', sans-serif;}
textarea:hover, input:hover{border:1px solid #001019; background:#fff; color:#000}
textarea:focus, input:focus{border:1px solid #001019; background:#fff; color:#000}
sub{position: relative;top: .5em;font-size: 80%}
sup{position: relative;top:-.5em;font-size: 80%}

/* html5 elements*/
nav{}
footer{width:100%;}

/* header div */
#headerWrapper{width:100%;}
#header{width:100%; margin:0cm auto; padding: 0;}
#nav-container{position: fixed; width: 100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75); z-index: 1}
#nav-container.home-nav{position: static;}
#home-contact-information{width:100%; padding:0; clear: both; background: #a0f2fd; background: -moz-linear-gradient(top,  #a0f2fd 0%, #ffffff 38%); background: -webkit-linear-gradient(top,  #a0f2fd 0%,#ffffff 38%); background: linear-gradient(to bottom,  #a0f2fd 0%,#ffffff 38%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0f2fd', endColorstr='#ffffff',GradientType=0 ); text-align: center; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75); position: relative; z-index: 1;}
#home-contact-information h2, #home-contact-information a{color:#ff5465;}

/*header pink*/
#header-pink-container{width: 100%; padding: 5em 0 2em; background: url(images/theme-layout/background.gif) no-repeat top center;   -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#header-pink{width: 75%; margin: 0 auto;background-color: rgba(255,84,101,.55); padding: 1em 2em; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;}
#header-pink h1{color: #fff; font-size: 450%; padding: 0;}
#header-pink h2{color:#fff; font-size: 250%; padding: 0}
#header-pink h3{color:#fff; font-size: 175%; padding: 0}
.home-script{font-family: 'Alice', cursive;}

/*top menu*/
/* needed for checkbox hack */
/* Fix Android */
body {-webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
/* needed for checkbox hack */
#nav {position: relative; background: #a0f2fd; background: -moz-linear-gradient(top,  #a0f2fd 0%, #ffffff 50%, #a0f2fd 100%); background: -webkit-linear-gradient(top,  #a0f2fd 0%,#ffffff 50%,#a0f2fd 100%); background: linear-gradient(to bottom,  #a0f2fd 0%,#ffffff 50%,#a0f2fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0f2fd', endColorstr='#a0f2fd',GradientType=0 );}
#nav ul {display: none; width: 100%; list-style: none; margin: 0px; padding: 0px;}
#nav ul li{list-style: none;}
#nav ul li a {display: block; padding: 1em .25em; color: #ff5465; text-decoration: none;}
#nav ul li:hover {}
#nav ul li:last-of-type, #nav ul li ul li {}
#nav ul li ul li a {padding-left: 1.5em;}
#nav ul li ul li ul li a {padding-left: 3.125em;}
#nav input.trigger {position: absolute; top: -9999px; left: -9999px;}
#nav input.trigger:checked ~ ul, #nav input.trigger:checked ~ ul li ul {display: block !important;}
#nav label {position: relative; display: block; min-height: 2em; padding: .45em; font-size: 1.1em; margin: 0; cursor: pointer; background: #ff5465; line-height: 2em;   color: #fff; }
#nav label::after {position: absolute; right: 1em; top: .2em; content: "\2261"; font-size: 1.8em; color: white; }
/*non-mobile menu responsive code*/
@media (min-width: 1000px) {
    #nav input.trigger:checked ~ ul, #nav input.trigger:checked ~ ul li ul {display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; display: flex; flex-direction: row;}
    #nav ul {display: -ms-flexbox; flex-direction: -ms-row; display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; display: flex; flex-direction: row; -webkit-justify-content: center; justify-content:center;}
    #nav ul li {position: relative; text-align: center; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex:1; -ms-flex: 1; flex: 1; -webkit-align-self: center; align-self: center;}
    #nav ul li ul {position: absolute; left: 0; display: none; width: 15em; z-index: 200; -webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.85); -moz-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.85); box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.85);}
    #nav ul li:last-of-type ul{right:0!important; left:inherit;}
    #nav ul.sub-menu{background: #a0f2fd; background: -moz-linear-gradient(top,  #a0f2fd 0%, #ffffff 50%, #a0f2fd 100%); background: -webkit-linear-gradient(top,  #a0f2fd 0%,#ffffff 50%,#a0f2fd 100%); background: linear-gradient(to bottom,  #a0f2fd 0%,#ffffff 50%,#a0f2fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0f2fd', endColorstr='#a0f2fd',GradientType=0 );}
    #nav ul.sub-menu li{border-bottom:1px solid #fff;}
    #nav ul.sub-menu li:hover{}
    #nav ul.sub-menu li:hover a{color: #021f30}
    #nav ul.sub-menu li a{padding:.5em .25em;}
    #nav ul li ul li {text-align: left;}
    #nav ul li ul li ul {z-index: 300; top: 0px;left: 15em; width:25em; }
    #nav ul li ul li ul li{background: #afc8cd!important}
    #nav ul li ul li ul li ul li{background: #021f30!important}
    #nav ul li ul li ul li:hover, #nav ul li ul li ul li ul li:hover {background: #021f30!important}
    #nav ul li ul li ul li a , #nav ul li ul li ul li ul li a{padding-left: 30px !important; color:#021f30!important;}
    #nav ul li ul li ul li:hover a,  #nav ul li ul li ul li ul li:hover a {color:#afc8cd!important;}
    #nav ul li ul li ul li ul{z-index: 301; top: 0px;left: 25em; width:15em }
    #nav ul li:hover > ul {display: block}
    #nav label {display: none;}
}

/*body div*/
#bodyWrapper{width:100%; clear:both; margin:3em auto 0;}
#contentWrapper{width:85%; margin:0cm auto; background: #fff;}
#content-placeholder{}
#content-placeholder-full{}
#content-placeholder-full.flex-item-single{margin-bottom: 0!important;}
div.entry, .sidebar-padding {margin: 0;padding: 2em;}
.post_content{padding-bottom: 2em;}
#quick-links{margin:3em auto 0}
/*home only*/
#home-video-player{width:100%;padding:8em 0 0; background: url(images/theme-layout/background.gif) no-repeat top center;   -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.custom-home p{padding: 0!important;}
.custom-home img{width: 100%; height: auto;}
.caption {position: relative;display: inline-block;}
.caption img{vertical-align: bottom;}
.caption__img {display: block; padding: .3em}
.caption__text {background-color: #ff5465; background-color: rgba(255,84,101,.55); color: white; padding: 5px 10px; text-align: center; opacity: 0; position: absolute; bottom: 0;left: 0; right: 0;  -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; transition: opacity 0.4s ease;}
.caption:hover .caption__text {opacity: 1; filter: alpha(opacity=1);}
#home-image-slider{margin:0cm auto; padding-top: 2em;}
#soliloquy-container-91 img{-webkit-filter: grayscale(100%); filter: grayscale(100%);}

/*footer*/
#footerWrapper{width:100%; padding:2em 0 1em; clear: both; background: #a0f2fd; background: -moz-linear-gradient(top,  #a0f2fd 0%, #ffffff 38%);
background: -webkit-linear-gradient(top,  #a0f2fd 0%,#ffffff 38%); background: linear-gradient(to bottom,  #a0f2fd 0%,#ffffff 38%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0f2fd', endColorstr='#ffffff',GradientType=0 );}
#footerContent{width:90%; margin:0cm auto; text-align:center;}
#footer-copyright{width: 100%; padding: 0; clear: both; }
#footer-copyright p{color: #ff5465;;text-align: center;font-size:93.8%}
#footer-copyright a{color: #ff5465;}
#footer-copyright p.copyright{ font-size:81.3%; padding-top: 2em;}

/*search*/
#search-form{}
.search-field{padding: .5em 0 .5em .25em; max-width: 80%}
.archive-meta-wrap {background: none repeat scroll 0 0 #FFFFFF;float: left; height: 6em; margin: 1em; text-align: center; width: 4em;}
.archive-date {border: 1px dotted #0b126b;color: #0b126b;float: left;width: 100%;}
.archive-date-month {float: left; text-transform: uppercase; width: 100%;}
.archive-date-day {float: left;width: 100%;}
.archive-date-year {float: left; width: 100%;}
.archive-comment {color: #B6B8BC;float: left;height: 32px; margin: 10px 0 0 0;padding: 5px 0 0; text-align: center; width: 40px;}
.archive-comment a {color: #0087D0;}
.archive-comment a:hover, .archive-comment a:active {color: #960000;text-decoration: none;}
.archive-copy {float: left;width: 100%;}
.archive-thumb {float: right;margin: 0 0 20px 30px;position: relative;width: 150px;}
.archive-thumb img {height: 100px;width: 150px;}

/*sitewide classes*/
.no-padding-margin{padding: 0!important; margin: 0!important}
.white{color: #fff;}
.arrow::after{ content: "  \2192"; font-weight: bold;}
.vertical-middle-image{vertical-align: middle; padding-right: .25em;}
.spacer{padding: 0 .25em;}
.textwidget{padding-top: 1.1em}
.sb-clear{clear: both;}
.max-width-value{max-width: 1600px;}
.centered{text-align: center;}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;}
.video-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}
/*linkclasses*/
a.no-decoration-link{text-decoration: none; cursor: text;}
a.no-decoration-link-footer{text-decoration: none; cursor: pointer;}
a[href^="tel:"] {text-decoration: none; cursor: pointer;}
a[href^="tel:"]::before {content: "\260e"; margin-right: 0.25em;}
/*end link classes*/
/*dropshadow*/
.sitewide-dropshadow{-webkit-box-shadow: 0 1em 1em 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 1em 1em 0 rgba(50, 50, 50, 0.75); box-shadow: 0 1em 1em 0 rgba(50, 50, 50, 0.75);}
.sitewide-rounded-borders{-webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em;}
/*end dropshadow*/
/*link buttons*/
a.link-button{padding: 20px; color: #fff; text-align: center; cursor: pointer; background: #b95b22; border: none; text-transform: uppercase; display: block; }
a.link-button:hover{background: #000}
a.link-button-inline{padding: 20px; color: #fff; text-align: center; cursor: pointer; background: #b95b22; border: none; text-transform: uppercase; display: inline-block; }
a.link-button-inline:hover{background: #000}
/*end link buttons*/

/*flex rows*/
.flex-container{display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
.flex-container-centered{-webkit-align-self: center; align-self: center; -webkit-justify-content: center; justify-content:center;  text-align: center;}
.flex-container-vertical-middle{display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;}
.flex-item-single{-webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: .25cm 0;}
.flex-item-double{-webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; margin: .25cm;}
.flex-item-triple{-webkit-flex: 0 0 30%; ms-flex: 0 0 30%; flex: 0 0 30%; margin: .25cm .15cm;}
.flex-item-one-third{-webkit-flex: 0 0 30%; ms-flex: 0 0 30%; flex: 0 0 30%; margin: .25cm .25cm;}
.flex-item-two-thirds{-webkit-flex: 0 0 61%; ms-flex: 0 0 61%; flex: 0 0 61%; margin: .25cm .25cm;}
.flex-item-one-quarter{-webkit-flex: 0 0 23%; ms-flex: 0 0 23%; flex: 0 0 23%; margin: .25cm .25cm;}
.flex-item-one-quarter-true{-webkit-flex: 0 0 25%; ms-flex: 0 0 25%; flex: 0 0 25%; }
.flex-item-three-quarters{-webkit-flex: 0 0 72%; ms-flex: 0 0 72%; flex: 0 0 72%; margin: .25cm .25cm;}
.flex-item-one-fifth{-webkit-flex: 0 0 18%; ms-flex: 0 0 18%; flex: 0 0 18%; margin: .25cm .25cm;}
.flex-item-three-fifths{-webkit-flex: 0 0 59%; ms-flex: 0 0 59%; flex: 0 0 59%; margin: .25cm .25cm;}
.flex-item-centered{-webkit-align-self: center; align-self: center;}
@-moz-document url-prefix() {
    .flex-item-double{-webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; margin: .5cm;}
    .flex-item-triple{-webkit-flex: 0 0 30%; ms-flex: 0 0 30%; flex: 0 0 30%; margin: .5cm .15cm;}
    .flex-item-one-third{-webkit-flex: 0 0 30%; ms-flex: 0 0 30%; flex: 0 0 30%; margin: .5cm .25cm;}
    .flex-item-two-thirds{-webkit-flex: 0 0 61%; ms-flex: 0 0 61%; flex: 0 0 61%; margin: .5cm .25cm;}
    .flex-item-one-quarter{-webkit-flex: 0 0 23%; ms-flex: 0 0 23%; flex: 0 0 23%; margin: .5cm .25cm;}
    .flex-item-three-quarters{-webkit-flex: 0 0 72%; ms-flex: 0 0 72%; flex: 0 0 72%; margin: .5cm .25cm;}
    .flex-item-one-fifth{-webkit-flex: 0 0 18%; ms-flex: 0 0 18%; flex: 0 0 18%; margin: .5cm .25cm;}
    .flex-item-three-fifths{-webkit-flex: 0 0 59%; ms-flex: 0 0 59%; flex: 0 0 59%; margin: .5cm .25cm;}
}

/*pagination*/
div.pagination{display: table; margin: 0 auto; padding-bottom: 2em;}
.page-numbers { display: inline-block; padding: .25em .50em; margin: 0 .25em 0 ; border: 1px solid #1b5843; line-height: 1; text-decoration: none; color: #231f20; background: #fff;}
.page-numbers.current, a.page-numbers:hover {background: #1b5843; color: #fff}

/*social medial only*/
.social-icons{display: inline;}
.social-icons img{vertical-align: middle; padding: 0 .2em;}
#nav ul li a.menu-fix{display: block; float: left;}
/*responsive css coding videos*/
.responsive-iframe-container {position: relative;height: 0;overflow: hidden;}
/* 16x9 Aspect Ratio */
.responsive-iframe-container-16x9 {padding-bottom: 56.25%;}
/* 4x3 Aspect Ratio */
.responsive-iframe-container-4x3 {padding-bottom: 75%;}
.responsive-iframe-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
/* end responive css coding for vidoes*/
/*responsive google maps*/
.google-maps {position: relative;padding-bottom: 50%; height: 0; overflow: hidden;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -1!important;}
/* end responsive google maps*/
/*remedy connect only*/
#RemedyArticleBody{padding: .5em .7em}
select.pwdropdown{ -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(images/theme-layout/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); background-position: 97% center; background-repeat: no-repeat; border: 1px solid #AAA;    color: #555; font-size: inherit; overflow: hidden; padding: 5px 10px; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
/* desktop and pc's*/
/* over 1920 screen resolution */
@media only screen and (max-width: 8000px) {
    .caption{width: 100%!important}
}
/* 1660px screen resolution */
@media only screen and (max-width: 1700px) {}
/* 1600px screen resolution */
@media only screen and (max-width: 1601px) {}
/* 1440px screen resolution */
@media only screen and (max-width: 1441px) {}
/* 1366px screen resolution */
@media only screen and (max-width: 1439px) {}
/* 1280px screen resolution */
@media only screen and (max-width: 1365px) {}
/* 1024px screen resolution */
@media only screen and (max-width: 1279px) and (min-width: 1001px){
    #home-video-player{padding: 2em 0 5em;}
    #header-pink{width:85%;}
    #contentWrapper{width:95%;}
    #soliloquy-container-91{max-width: 850px!important;}
    .caption{width: 100%!important}
    .flex-item-one-quarter-true{-webkit-flex: 0 0 50%; ms-flex: 0 0 50%; flex: 0 0 50%;}
}
/*tablets*/
@media only screen and (max-width: 1000px) {
    .flex-item-double, .flex-item-double-no-padding, .flex-item-double-top-padding, .flex-item-double, .flex-item-triple, .flex-item-one-third, .flex-item-two-thirds, .flex-item-one-quarter, .flex-item-three-quarters{-webkit-flex: 0 0 95%; -ms-flex: 0 0 95%; flex: 0 0 95%; margin: .5em 0;}
    #contentWrapper, #content-placeholder{display:block;}
    #content-placeholder{width: 100%;}
    #content-placeholder{padding-bottom: 1em}
    /*navigation top menu*/
    #nav-container, #nav-container.home-nav, #nav{position: absolute; top: 0; left: 0; width: 100%; border:0;}
    body.logged-in #nav{top:32px;}
    #home-contact-information{position: relative;z-index: 0; top: 3em;}
    #header-pink{width: 80%;}
    #header-pink h2{font-size: 200%}
    #header-pink h1{font-size: 300%}
     #contentWrapper{width:95%;}
     .flex-item-one-quarter-true{-webkit-flex: 0 0 50%; ms-flex: 0 0 50%; flex: 0 0 50%;}
     #home-video-player{padding: 8em 0;}
     /*admin menu logged in offset*/
    body.logged-in .navigation-menu, body.logged-in  .navigation-container{margin-top: 32px!important}
    body.logged-in .menu-text{}
    body.logged-in .nav-button{top: 40px;}
    /*end admin menu logged in offset*/
}
@media only screen and (max-width: 800px) {}
@media only screen and (max-width : 775px) {
    .alignnone, a img.alignnone, .aligncenter, div.aligncenter, a img.aligncenter, .alignright, .fRight, a img.alignright, .alignleft, .fLeft, a img.alignleft {display:block; margin: 2em auto; float: none;}
}
@media only screen and (max-width : 605px) {
    #header-pink .flex-item-one-third:nth-child(4) {order:3; -webkit-flex: 0 0 50%; ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0; align-self:flex-start;}
    #header-pink .flex-item-one-third:nth-child(2) {order:2; -webkit-flex: 0 0 50%; ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0; align-self:flex-start}
    #header-pink .flex-item-one-third:nth-child(3) {order:1; -webkit-flex: 0 0 100%; ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0; align-self:flex-start}
    #home-video-player{height: initial!important;}
    /*admin menu logged in offset*/
    body.logged-in .navigation-menu, body.logged-in #navigation-container{margin-top: 46px!important}
    body.logged-in .menu-text{}
    body.logged-in .nav-button{top: 55px;}
    body.logged-in #nav{top:46px;}
    /*end admin menu logged in offset*/
}
@media only screen and (max-width : 535px) {}
@media only screen and (max-width : 534px) {
    #contentWrapper{width: 100%}
    #header-pink h2{font-size: 150%}
    #header-pink h1{font-size: 200%}
    .flex-item-one-quarter-true{-webkit-flex: 0 0 100%; ms-flex: 0 0 100%; flex: 0 0 100%;}
    .caption{width: 100%!important}
}
@media only screen and (max-width : 450px) {
    #header-pink .flex-item-one-third:nth-child(4) {order:3; -webkit-flex: 0 0 100%; ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0;}
    #header-pink .flex-item-one-third:nth-child(2) {order:2; -webkit-flex: 0 0 100%; ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0;}
}
@media only screen and (max-width : 321px) {}
/*end conditional css*/
/* CSS for View Full Site */
.rwd-display-options{ text-align: center!important; }
.rwd-display-option, #view-responsive{ cursor: pointer!important; background: #ff5465; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); padding: .5em 1em; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff;}
#view-responsive{ display: none; }
@media only screen and (min-width: 900px){
    #view-full{ display: none; }
    #view-responsive{ display: inline; }
}
@media only screen and (max-width: 900px) {
    .rwd-display-options{padding: 1em;}
}
/*back to top*/
.spotlight-top {display: inline-block;height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 38, 100, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(255,84,101,1) url(images/layout/back-to-top.png) no-repeat center 50%; visibility: hidden; opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}
.spotlight-top.spotlight-is-visible, .spotlight-top.spotlight-fade-out, .no-touch .spotlight-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;}
.spotlight-top.spotlight-is-visible {visibility: visible; opacity: 1;}
.spotlight-top.spotlight-fade-out {opacity: .5;}
.spotlight-top.spotlight-is-visible:hover {background-color: #000000!important;opacity: 1;}
@media only screen and (min-width: 768px) {
    .spotlight-top {right: 20px;bottom: 20px;}
}
@media only screen and (min-width: 1024px) {
    .spotlight-top {height: 60px; width: 60px; right: 30px; bottom: 30px;}
}