@charset "utf-8"; /* CSS Document */ h1, h2, h3, h4, h5, ul, li, p{padding:0; margin:0;} li{list-style:none;} a{outline:medium none; text-decoration:none; color:@basicDesignColor; cursor:pointer;} img{border:0px; max-width:none;} li{list-style:none;} p, h1, h2, h3, h4, h5{padding:0px; margin:0px;} a{outline:medium none; text-decoration:none; color:@basicDesignColor; cursor:pointer;} img{border:0px;} textarea, input{outline:none;} /*less variable************************************************************************************************************************************/ @widthPageCenter :1000px; @calibriFont :"calibri", arial, verdana; @arialFont :arial, "calibri", verdana; @helveticaFont :"Helvetica", arial, "calibri", verdana; @basicDesignColor :#0f8897; @secondDesignColor :#6f970f; @thirdDesignColor :#a15391; @witheDesignColor :#f1f1f1; @blackDesignColor :#35383f; @linksColor :@basicDesignColor; /*font*********************************************************************************************************************************************/ @latoBlackFont:"lato_black"; @latoRegularFont:"lato_regular"; @latoLightFont:"lato_light"; @latoBoldFont:"lato_bold"; .single-post #widgets, #widgets, .widgets_page{width:31% !important; margin:0px; float:right; .widget-wrapper{width:90% !important; padding:15px 5%!important; margin-bottom:10px; .border-radius(2px); background:#fefefe; position:relative; border:1px solid #e8e8e8; } } //Lato Font @font-face { font-family: 'lato_black'; src: url('../fonts/lato/lato-black.eot'); src: url('../fonts/lato/lato-black.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-black.woff') format('woff'), url('../fonts/lato/lato-black.ttf') format('truetype'), url('../fonts/lato/lato-black.svg#lato_black') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'lato_regular'; src: url('../fonts/lato/lato-regular.eot'); src: url('../fonts/lato/lato-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-regular.woff') format('woff'), url('../fonts/lato/lato-regular.ttf') format('truetype'), url('../fonts/lato/lato-regular.svg#lato_regular') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'lato_bold'; src: url('../fonts/lato/lato-bold.eot'); src: url('../fonts/lato/lato-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bold.woff') format('woff'), url('../fonts/lato/lato-bold.ttf') format('truetype'), url('../fonts/lato/lato-bold.svg#lato_bold') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: 'lato_light'; src: url('../fonts/lato/lato-light.eot'); src: url('../fonts/lato/lato-light.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-light.woff') format('woff'), url('../fonts/lato/lato-light.ttf') format('truetype'), url('../fonts/lato/lato-light.svg#lato_light') format('svg'); font-weight: normal; font-style: normal; } /*>>Class_Variables*******************************************************************************************************************************/ .border-radius(@radius:5px){ -moz-border-radius:@arguments; -webkit-border-radius:@arguments; -moz-border-radius:@arguments; border-radius:@arguments; } .text-shadow(@x:0px, @y:1px, @glow:2px, @color:rgba(0, 0, 0, 0.4)){ -moz-text-shadow:@arguments; -webkit-text-shadow:@arguments; -khtml-text-shadow:@arguments; text-shadow:@arguments; } .box-shadow(@x:0px, @y:1px, @glow:1px, @color:#000000){ -moz-box-shadow:@arguments; -webkit-box-shadow:@arguments; -khtml-box-shadow:@arguments; box-shadow:@arguments; } .rotation(@r:353deg){ -webkit-transform: rotate(@arguments); -moz-transform: rotate(@arguments); -o-transform: rotate(@arguments); writing-mode: lr-tb; } .p{font:normal 14px/24px @helveticaFont; color:@blackDesignColor + 20; padding:0 0 15px 0;} /*Global*****************************************************************************************************************************************/ html,body{ font-family:'calibri', arial, verdana; color:#232323; margin:0px !important; padding:0px; } body{background:url("../images/bg_body.jpg") repeat #f2f1f1; overflow-x:hidden; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } .center_section{max-width:@widthPageCenter; height:auto; margin:0 auto; position:relative;} .content_two_boxs{width:100%; height:auto; float:left;} .box_website{width:100%; height:auto; float:left; background:@witheDesignColor + 5; float:left; .box-shadow(0, 0, 15px, #d3d3d3); padding:0; margin-bottom:30px; .border-radius(0 0 5px 5px);} /*section_header*****************************************************************************************************************************************************************/ .section_header{width:100%; height:auto; float:left; position:relative; z-index:999999; .top_header{width:100%; height:auto; float:left; padding:30px 0 10px 0; .logo{width:394px; height:80px; float:left; background:url("../images/logo.png") no-repeat;} .right{width:60%; height:auto; float:right; .buttons{width:auto; height:auto; float:right; a{ span{display:none;} } .request_appointment{width:212px; height:37px; float:left; background:url("../images/buttons_header.png") no-repeat left top; margin-right:10px; &:hover{background-position:left bottom;} } .patient_portal_login{width:167px; height:37px; float:left; background:url("../images/buttons_header.png") no-repeat right top; &:hover{background-position:right bottom;} } }//END:buttons .infos{width:auto; height:auto; float:right; padding:22px 0 0 0; .call_us{width:auto; height:auto; float:left; padding:2px 20px 5px 20px; background:url("../images/icon_call.png") no-repeat left top; font:normal 18px/18px @latoBoldFont; color:@basicDesignColor;} .address{width:150px; height:auto; float:left; padding:0px 0px 5px 20px; background:url("../images/icon_location.png") no-repeat left top; font:normal 13px/20px @latoRegularFont; color:@basicDesignColor; border:none;} }//END:infos }//END:right }//END:top_header .follow_us{width:auto; height:auto; float:right; padding:15px 0 0 0; a{width:25px; height:25px; float:left; background:url("../images/icons_social.png") no-repeat; margin-left:5px; &.fb{background-position:0px 0px; &:hover{background-position:0px -25px;} } &.tw{background-position:-25px 0px; &:hover{background-position:-25px -25px;} } &.g_plus{background-position:-50px 0px; &:hover{background-position:-50px -25px;} } } span{width:auto; height:auto; float:left; padding:6px 5px 0 0; font:normal 14px/14px @latoRegularFont; color:#dbdbdb;} }//END:follow_us .bottom_header{width:@widthPageCenter - 30; height:auto; float:left; background:url("../images/deg_blue.jpg") repeat-x top #138d9c; padding:0 20px 0 10px; .border-radius(5px 5px 0 0); .main_menu{width:auto; height:auto; float:left; padding:0px; /*#menu-item-15:hover, #menu-item-24:hover{background:url("../images/deg_green.jpg") repeat-x top #6c9103; a{color:#ffffff;} }*/ ul{width:auto; height:auto; float:left; padding:0px; margin:0px; li{width:auto; height:auto; float:left; position:relative; &:last-Child a{background:none;} a{width:auto; height:auto; float:left; padding:20px 16px 20px 15px; background:url("../images/sep_menu.png") no-repeat right center; font:normal 16px/16px @latoBoldFont; color: @witheDesignColor; letter-spacing:0.5px; &:hover{color:@basicDesignColor - 50;} &.current, &.active{color:@basicDesignColor - 80;} } &.current_page_item, &.current-menu-item{ a{color:@basicDesignColor - 40;} } ul, .sub-menu{width:260px; height:auto; position:absolute; top:55px; left:0px; background:@basicDesignColor - 10; display:none; border-bottom:5px solid @basicDesignColor - 50; .border-radius(0 0 2px 2px); overflow:hidden; li{width:100%; height:auto; float:left; position:relative; a{width:86%; height:auto; float:left; color:@witheDesignColor - 20; padding:14px 8%; background:none; border-bottom:1px dotted @basicDesignColor + 5; font-family:@latoRegularFont; &:hover{color:@witheDesignColor + 100; background: @basicDesignColor - 40;} } &:last-child{a{border:none;}} } }//END:sub-menu } } .responsive_menu_btn{width:49px; height:49px; float:left; background:url("../images/btn_responsive_menu.png") no-repeat; cursor:pointer; display:none; margin:8px 0;} }//END:main:menu .right_btns{width:auto; height:auto; float:right; padding:10px 0 0 0; a{background:url("../images/access_buttons.png") no-repeat; &.login{width:93px; height:34px; float:left; background-position:0px 0px; &:hover{background-position:0px -34px;} } &.sign_up{width:103px; height:34px; float:left; background-position:-93px 0px; margin-left:10px; &:hover{background-position:-93px -34px;} } } }//END:right_btns }//END:bottom_header .content_responsive_menu{width:100%; height:auto; float:left; background:@basicDesignColor - 30; border-bottom:10px solid @basicDesignColor - 40; display:none; ul{width:100%; height:auto; float:left; li{width:100%; height:auto; float:left; border-bottom:1px dotted; border-color:@basicDesignColor - 10; &:last-Child{background:none; border:none;} a{width:95%; height:auto; float:left; padding:15px 2.5%; font:normal 16px/16px @latoBoldFont; color: @witheDesignColor; letter-spacing:0.5px; text-align:left; &:hover{color:@basicDesignColor + 30;} &.current, &.active{color:@basicDesignColor + 80;} } &.current_page_item, &.current-menu-item{ a{color:@basicDesignColor + 20;} } ul, .sub-menu{width:100%; height:auto; background:@basicDesignColor - 25; display:none; .border-radius(0 0 3px 3px); li{width:100%; height:auto; float:left; position:relative; a{width:96%; height:auto; float:left; padding:10px 2%; font-family:@latoRegularFont;} &:last-child{border:none;} } }//END:sub-menu } } }//END:content_responsive_menu }//END:section_header /*content_two_boxs*******************************************************************************************************************************************************************/ .title{width:100%; height:auto; float:left; padding-bottom:25px; h1, h2, h3, h4{font:normal 30px/30px @latoBlackFont; color:@basicDesignColor; padding-bottom:8px;} a, p{font:normal 16px/22px @latoBoldFont; color:@blackDesignColor + 30; padding-bottom:0px; span{font:normal 15px/22px @latoRegularFont; color:@blackDesignColor + 40;} } a:hover{color:@blackDesignColor + 50;} } .content_two_boxs{width:100%; height:auto; float:left; .left_box{width:55%; height:auto; float:left; padding:0 2.5%;} .right_box{width:35%; height:auto; float:right; background:url("../images/sep_point_y.png") repeat-y left; padding:0 2.5%;} }//END:content_two_boxs /*section_about_us*******************************************************************************************************************************************************************/ .section_about_us{margin:40px 0; .title{h1, h2, h3, h4{color:@secondDesignColor;}} .content{width:100%; height:auto; float:left; p{.p();} } }//END:section_about_us /*hospital_affiliations**************************************************************************************************************************************************************/ .section_hospital_affiliations{margin:40px 0; .title{h1, h2, h3, h4{color:@secondDesignColor;}} .items{width:100%; height:auto; float:left; .item{width:100%; height:auto; float:left; padding-bottom:30px; &.last{padding-bottom:0px;} .img{width:100%; height:auto; text-align:left; padding-bottom:10px;} h1, h2, h3, h4{ font:normal 16px/16px @latoBoldFont; color:@blackDesignColor;} p{.p(); padding:5px 0 0 0; line-height:18px; font-size:12px; padding-bottom:0px;} } } }//END:section_hospital_affiliations /*section_testimonials***************************************************************************************************************************************************************/ .section_testimonials{padding-top:70px !important; padding-bottom:70px !important; background:url("../images/parallax_blue_bg.jpg") repeat; .title{padding-bottom:30px; h1, h2, h3, h4{color:@witheDesignColor;} a, p{font-size:20px; color: @basicDesignColor - 60;} a:hover{color:@basicDesignColor - 80;} } .items{width:100%; height:auto; float:left; .item{width:100%; height:auto; float:left; padding:30px 0 0 0; .img{width:95px; height:95px; float:left; margin:0px 15px 0 0; border:2px solid @witheDesignColor; .box-shadow(0, 2px, 3px, rgba(0, 0, 0, 0.4)); overflow:hidden; img{width:100%; height:auto; float:left;} } h1, h2, h3, h4{font:normal 18px/18px @latoBlackFont; color:@witheDesignColor; padding-bottom:8px;} p{.p(); color:@witheDesignColor; line-height:26px; padding-bottom:0px;} }//END:item }//END:items }//END:section_testimonials /*section_testimonials_page***********************************************************************************************************************************************************/ .section_testimonials_page{width:100%; height:auto; float:left; padding:20px 0 0 0; position:relative; z-index:99; background: url("../images/paralax_network_bg.jpg") top repeat; ul{ li{width:422px; height:auto; float:left; text-align:center; padding:0px 0 !important; background:none !important; .img{width:110px; height:110px; float:left; text-align:left; overflow:hidden; margin:2px 15px 0px 0; border:2px solid #ffffff; .box-shadow(0, 1px, 2px, rgba(0, 0, 0, 0.2)); img{width:100%; height:auto; float:left;} } h1, h2, h3, h4{font:normal 20px/25px @latoBoldFont; color:#53514b; padding:0 0 5px 0 !important; border:0px !important; text-align:left;} p{font:normal 14px/22px @latoRegularFont; padding:0px !important; color:#484848; text-align:left;} } } //Responsive-Carousel .caroufredsel_wrapper{width:100% !important; height:195px !important; float:left;} .list_carousel{margin:0px; width:100%; ul{width:4000px !important; margin: 0; padding: 0; height:auto !important; list-style: none; display: block; float:left; li{width:422px !important; height:auto; position:relative; font-size:40px; color:#999; text-align:center; margin:0 20px 0 2px; display:block; float:left;} } &.responsive{width: auto; margin-left: 0;} } .pager{width:auto; height:auto; margin:0 auto; a{width:16px; height:16px; float:left; overflow:visible !important; position:relative; background:url("../images/carousel_controls.png") no-repeat bottom; margin: 0 3px; font-size:0px; text-decoration: none; &:hover{background-position:center;} &.selected{background-position:top;} } } }//END:section_testimonials_page /*section_recent_news***************************************************************************************************************************************************************/ .section_recent_news{padding-top:70px !important; padding-bottom:70px !important; background:url("../images/parallax_orange_bg.jpg") center top !important; .title{padding-bottom:30px; h1, h2, h3, h4{color:@witheDesignColor;} a, p{font-size:20px; color:#8c600e;} a:hover{color:#8c600e - 60;} } .items{width:100%; height:auto; float:left; .item{width:100%; height:auto; float:left; padding:30px 0 0 0; .img{width:95px; height:95px; float:left; margin:0px 15px 0 0; border:2px solid @witheDesignColor; .box-shadow(0, 2px, 3px, rgba(0, 0, 0, 0.4)); overflow:hidden; img{width:100%; height:auto; float:left;} } h1, h2, h3, h4{font:normal 18px/18px @latoBlackFont; color:@witheDesignColor; padding-bottom:8px;} p{.p(); color:@witheDesignColor; line-height:26px; padding-bottom:0px;} &:hover *{color:#8c600e - 40;} }//END:item }//END:items }//END:section_recent_news /*section_services*******************************************************************************************************************************************************************/ .page-template-templat-services-php .section_services{border:0px;} .section_services{width:95%; height:auto; float:left; padding:50px 2.5% 0px 2.5%; border-top:10px solid #e1e1e1; .title{padding-bottom:0px; h1, h2, h3, h4{color:@thirdDesignColor; font-size:35px; padding-bottom:12px;} a, p{font-size:18px; line-height:25px;} } .items{width:105%; height:auto; float:left; left:-1%; position:relative; .item{width:22.4%; height:auto; float:left; padding:20px 1%; .img{width:100px; min-height:100px; float:left; background-position:top center !important; margin:0;} h1, h2, h3, h4{width:100%; height:auto; float:left; font:normal 14px/20px @latoBoldFont; padding:0; color:@blackDesignColor - 20; text-align:center;} &:hover{ h1, h2, h3, h4{color:@thirdDesignColor;} .img{background-position:center bottom !important;} } } } }//END:section_services /*page-template-templat-services-php************************************************************************************************************************************************/ .page-template-templat-services-php{ .default_page, .contact_page{padding-bottom:0px !important;} .section_services{padding-top:0px !important;} }//END:page-template-templat-services-php /*section_profiles*******************************************************************************************************************************************************************/ .section_profiles{width:100%; height:auto; float:left; .items{width:100%; height:auto; float:left; .item{width:44%; height:auto; float:left; padding:20px 2.5%; background:@witheDesignColor + 10; .box-shadow(0px, 0px, 2px, rgba(0, 0, 0, 0.2)); &.right{float:right;} .img{width:100%; height:auto; float:left; background:#ffffff; position:relative; overflow:hidden; .read_more{width:90%; height:auto; float:left; padding:20px 5%; background:@basicDesignColor; font:normal 16px/20px @latoLightFont; color:@witheDesignColor; position:absolute; bottom:-100px; left:0px; z-index:99; opacity:0; b{font:normal 18px/18px @latoBlackFont;} } img{width:100%; height:auto; float:left;} } .description{width:100%; height:auto; float:left; padding:20px 0 0 0; h1, h2, h3, h4{font:normal 18px/18px @latoBoldFont; color:@blackDesignColor; padding-bottom:0px;} p{.p(); padding:10px 0 0 0; color:@blackDesignColor + 20;} } } } }//END:section_profiles /*content_accordion*******************************************************************************************************************************************************************/ .content_accordion, .accordions-container{width:100%; height:auto; float:left; margin:30px 0 !important; border:1px solid #d0d0d0; border-bottom:0px !important; .border-radius(4px); overflow:hidden; padding:0px;} #accordion-container{width:100%; height:auto; float:left;} .accordion-header, .responsive-accordion-head { font-size: 16px; background: #ebebeb; padding: 16px 20px !important; border-bottom:1px solid @witheDesignColor - 40 !important; cursor: pointer; font:normal 16px/16px @latoBoldFont !important; color:@blackDesignColor !important; } .active-header, .responsive-accordion-head.active{background: url("../images/icon_accordion_active.png") @basicDesignColor no-repeat center right !important; color:@witheDesignColor !important; &:hover { background: url("../images/icon_accordion_active.png") @basicDesignColor - 10 no-repeat center right !important; } } .inactive-header, .responsive-accordion-head { background: url("../images/icon_accordion.png") @witheDesignColor - 10 no-repeat center right !important; &:hover{ background: url("../images/icon_accordion.png") @witheDesignColor - 5 no-repeat center right !important; } } .accordion-content, .responsive-accordion-panel{width:96% !important; padding:0px 2% !important; display:none; border:0px; border-bottom: 1px solid @witheDesignColor - 40; background:@witheDesignColor + 7; border-top: 0; .p(); h1, h2, h3, h4{font:normal 16px/16px @latoBoldFont; color:@blackDesignColor; padding:20px 0 0px 0;} p{.p(); line-height:18px;} ul{padding:10px 0; li{padding:5px 0 5px 15px; background:url("../images/li_row.png") no-repeat left top;} } } .responsive-accordion{margin:0px; padding:0px;} .responsive-accordion-icons{display:none !important;} .accordions-flat ul.responsive-accordion li .responsive-accordion-panel{border:0px; border-bottom: 1px solid @witheDesignColor - 40;} .responsive-accordion-default{padding:0px !important; li{background:none !important; padding:0px !important; ul{padding:10px 0 !important; li{padding:5px 0 5px 15px !important; background:url("../images/li_row.png") no-repeat left top !important;} } } } /*page_patient_resources*************************************************************************************************************************************************************/ .page_patient_resources, .page_contact{height:auto; float:left; .content_page{width:100% !important;} .box{width:45%; height:auto; float:left; padding:20px 2%; min-height:320px; background:@witheDesignColor + 85; .box-shadow(0, 1px, 2px, rgba(0, 0, 0, 0.2)); margin-top:20px; position:relative; h1, h2, h3, h4{font:normal 22px/22px @latoBoldFont; color:@blackDesignColor; padding-bottom:10px; border-bottom:5px solid #efefef; } p{.p(); padding:10px 0 0 0; span{font:normal 14px/20px @latoBoldFont; color: @blackDesignColor + 10;} } ul, ol{padding:5px 0 0 0; li{.p(); padding:5px 0 5px 15px; background:url("../images/li_row.png") no-repeat left top;} } } .basic_button{position:absolute; bottom:20px; left:0; margin:0 4%; width:92%; } .links{width:100% !important; height:auto; float:left; padding:20px 0 0 0 !important; li{width:100%; height:auto; float:left; background:none !important; padding:0px 0 10px 0 !important; a{width:92%; height:auto; float:left; padding:14px 4%; font:normal 14px/14px @latoBoldFont; color:@blackDesignColor + 30; background:@witheDesignColor - 20; .border-radius(3px); &:hover{background:@thirdDesignColor; color:@witheDesignColor;} } } } .top_left_box{} .top_right_box{float:right;} .bottom_left_box{} .bottom_right_box{float:right;} .ajust_height{min-height:513px;} }//END:page_patient_resources .basic_button{width:100%; height:auto; float:left; padding:15px 0; text-align:center; font:normal 18px/18px @latoBoldFont; color:@blackDesignColor + 60; .border-radius(3px); background:@witheDesignColor - 15; &:hover{background:@thirdDesignColor; color:#ffffff;} } .page_contact{ .form .input_item{width:94%; padding:8px 5px;} .textarea{height:90px; .input_textarea{height:90px;} } .box{min-height:230px;} }//END:page_contact /*dr_profil_description**************************************************************************************************************************************************************/ .dr_profil_description{width:100%; height:auto; float:left; .img{width:200px; height:auto; float:left; margin:0px; padding:0 20px 0px 0; img{width:100%; height:auto;} } h1, h2, h3, h4{font:normal 20px/20px @latoBoldFont; color:@basicDesignColor; padding-bottom:10px;} p{.p(); line-height:22px; padding-bottom:5px;} }//END:dr_profil_description /*section_footer*********************************************************************************************************************************************************************/ .section_footer{width:100%; height:auto; float:left; padding:0 0 60px 0; text-align:center; position:relative; .footer_menu{width:100%; height:auto; float:left; background:@secondDesignColor; position:relative; .border-radius(5px); overflow:hidden; ul{width:auto; height:auto; padding:5px 0 0 0; margin:0px; display:inline-block; li{width:auto; height:auto; float:left; &:last-Child a{background:none;} a{width:auto; height:auto; float:left; padding:12px 15px; background:url("../images/sep_menu.png") no-repeat right center; font:normal 16px/16px @latoBoldFont; color: @witheDesignColor; letter-spacing:0.5px; border:none; &:hover{color:@secondDesignColor - 70;} &.current, &.active{color:@secondDesignColor - 50;} } &.current_page_item{a{color:@secondDesignColor - 90;}} ul{display:none !important;} } } }//END:footer_menu .copyright{width:100%; height:auto; float:right; font:normal 15px/35px @latoBoldFont; color:@blackDesignColor + 80; text-align:center; padding:30px 0 0 0; div{width:100%; height:auto; float:left;} br{display:none;} a{font-family:@latoBoldFont; color:@blackDesignColor + 40; &:hover{color:@secondDesignColor - 50;} } } .small_links{width:100%; height:auto; float:left; position:relative; padding:20px 0 0 0; .links{width:auto; height:auto; display:inline-block; a{font:normal 14px/14px @latoRegularFont; color:@blackDesignColor + 60; &:hover{color:@secondDesignColor - 80;} } } }//END:small_links }//END:section_footer /*rev_slider_wrapper*/ .section_home_slider{width:100%; height:auto; float:left; position:relative; .fullscreen-container{height:380px !important; float:left; position:relative; padding:0px !important; margin:0px !important;} } .home_slider_title{font:normal 30px/30px @latoBlackFont; color:#f0f2f1; background:@blackDesignColor; padding:8px 15px 10px 15px; overflow:hidden; span{color:@basicDesignColor;} } .home_slide_point{font:normal 40px/40px @latoBlackFont; color:#ffffff; background:@secondDesignColor; padding:8px 18px; margin-left:5px;} .home_slider_text{.p();} .home_slider_read_more{width:157px; height:45px; float:left; background:url("../images/home_slider_read_more.jpg") no-repeat top; &:hover{background-position:bottom;} } /*default_page******************************************************************************************************************************************************/ .default_page, .contact_page{width:95%; height:auto; float:left; padding:30px 2.5% !important; .widget_forms{margin:42px 0 0 0;} .hi-icon-wrap{padding:0px;} br{display:block !important;} img.wp-post-image, img.attachment-full, img.attachment-large, img.attachment-medium, img.attachment-thumbnail{margin:0px;} .the_title{width:100%; height:auto; float:left; h1, h2, h3, h4, h5, h6, h7{font:normal 25px/25px @latoBlackFont !important; color:@basicDesignColor; padding-bottom:10px; border-bottom:10px solid #d8d8d8; margin-bottom:20px;} } .content_page{width:67%; height:auto; float:left; h1, h2, h3{font:normal 20px/20px @latoBlackFont; color:@basicDesignColor; padding:15px 0 5px 0; border-bottom:10px solid #d8d8d8; margin-bottom:10px;} h2{font:normal 18px/18px @latoBlackFont; border-bottom:5px solid #d8d8d8;} h3{font:normal 18px/18px @latoBoldFont; border-bottom:2px solid #d8d8d8;} .the_content{width:100%; height:auto; float:left; p{font:normal 14px/24px @helveticaFont; color:#484848; padding-bottom:15px; &.small_text{font:normal 12px/20px @latoRegularFont;} } } }//END:content_page #widgets{.widgets_page();} &.full_width_page{ .content_page{width:100% !important; padding:0 !important;} } ul, ol{padding:0 0 10px 0; li{padding:5px 0 6px 12px; background:url("../images/li_row.png") no-repeat left top; font:normal 14px/24px @helveticaFont; color:#484848;} } table{border:1px solid #d2d2d2; padding-bottom:0px; border-right:0px; width:99% !important; tr{border-bottom:1px solid #d2d2d2; width:100% !important; td{border-right:1px solid #d2d2d2; padding:10px; width:auto !important;} } } }//END:default_page .map_location .map{width:100%; height:704px; float:left;} .infobox-wrapper{display:none;} .infobox, .infoBox{margin:0px; background:#f9f9f9; color:#545454; padding:0 !important; text-align:left; .box-shadow(0, 5px, 20px, rgba(0, 0, 0, 0.4)); z-index:99999999; .infos{width:90% !important; height:auto; float:left; padding:10px 5% !important;} img:first-child{position:absolute !important; right:5px; top:5px; z-index:999999;} .photo_info{width:100%; height:auto; float:left; position:relative; .img{width:100%; height:155px; float:left; position:relative; img{margin:0px; padding:0px; width:100%; height:auto; float:left; &:first-child{position:relative !important; right:inherit; top:inherit; z-index:inherit;} } } h2, h3, h4{width:92%; height:auto; font:normal 15px/18px @latoBoldFont; padding:0 4% 8px 4%; color:#ffffff; background:rgba(0, 0, 0, 0.5); position:absolute; bottom:0px; left:0px; z-index:99999; display:none;} } p{width:100%; height:auto; float:left; font:normal 14px/22px @latoRegularFont; padding:0px !important;} .row{width:15px; height:10px; background:url("../images/row_infobox_map.png") no-repeat; position:absolute; left:46%; bottom:-7px; z-index:999999;} } .labels{color:#ffffff; font-family:@arialFont; text-align:center; width:33px; white-space:nowrap; letter-spacing:0;} /*content_parent_page******************************************************************************************************************************************/ .content_parent_page_background, .content_header_page_image{width:100%; height:auto; float:left; //.header_img{display:none;} //header_parent_page @heightHeaderDescription :280px; .header_parent_page{width:100%; height:@heightHeaderDescription; float:left; background-color:#bec0c2; background-position:center top; overflow:hidden; position:relative; .description{width:65%; height:auto; float:left; position:relative; left:0px; top:60px; z-index:9; padding-left:2.5%; h1, h2, h3{font:normal 50px/70px @latoBlackFont; color:#ffffff; padding-bottom:0px;} p{font:normal 16px/25px @helveticaFont; color:#f0f0f0; span{font:normal 20px/25px @latoBoldFont; padding:5px 5px 0 0;} } .button{width:auto; height:auto; float:left; padding:10px 20px 12px 20px; font:bold 20px/20px @latoRegularFont; color:#767676; background:none; margin:10px 0 0 0; border:2px solid #767676; .border-radius(3px); .text-shadow(0px, 0px, 0px, rgba(0, 0, 0, 0)); &:hover{border-color:@secondDesignColor; color:@secondDesignColor;} } } //child_menu .child_menu{width:100%; height:auto; float:left; position:absolute; left:0px; bottom:-@heightHeaderDescription; display:none; ul{width:100%; height:auto; float:left; li{width:auto; height:auto; float:left; margin-right:5px; a{width:auto; height:auto; float:left; padding:9px 20px; font:bold 13px/13px @arialFont; color:#fafafa; background:#757575; .box-shadow(0, -2px, 4px, rgba(0, 0, 0, 0.2)); .text-shadow(0, 1px, 2px, rgba(0, 0, 0, 0.4)); &.current, &:hover{color:#232323; .text-shadow(0, 1px, 1px, rgba(255, 255, 255, 0.8)); background:#eaeaea;} } &.current_page_item a{color:#232323; .text-shadow(0, 1px, 1px, rgba(255, 255, 255, 0.8)); background:#eaeaea;} } } }//END:cild_menu }//END:header_parent_page //detail_parent_page .detail_parent_page{width:100%; height:auto; float:left; padding:20px 0; .the_title{} .the_content{} } #content img{width:100%; padding:0px; border:none;} } .gray-text-header-parent-page{ .header_parent_page{background-color:#dcdcdc !important; .description{ h1, h2, h3, h4{color:#363636;} p{color:#414141;} } } }//END:content_parent_page_background #content img{width:auto !important; padding:0px !important; border:none !important; margin:0px !important;} /*contact_page***************************************************************************************************************************/ .content_contact, .content_form_order_refills{width:100%; height:auto; float:left; .section_map_location{border:none; position:inherit; .map{width:100%; height:600px; float:left;} }//END:section_map_location .contact_forms_select{width:100%; height:auto; float:left; background:#eeeeee; padding:40px 0; border-top:1px solid #ddd; .description{width:100%; height:auto; float:left; text-align:center; padding-bottom:30px; h2, h3, h4{font:normal 40px/40px @latoBlackFont; color:#272727; text-transform:uppercase;} p{font:normal 14px/20px @arialFont; padding-top:10px; color:#525252;} } }//END:contact_forms_select .infos_contact{width:100%; height:auto; float:left; padding:80px 0; background:#262626; position:relative; z-index:99; .description{width:100%; height:auto; float:left; text-align:center; padding-bottom:18px; padding-top:145px; background:url("../images/call_us.png") no-repeat center top; h2, h3, h4{font:normal 35px/40px @latoBlackFont; color:@witheDesignColor; span{font-family:@latoLightFont;} } p{font:normal 14px/20px @arialFont; padding-top:10px; color:#ffffff;} } .items{width:100%; height:auto; float:left; padding:20px 0 0 0; background:url("../images/sep_light.png") no-repeat center top; .item{width:100%; height:auto; float:left; text-align:center; font:normal 25px/25px @latoLightFont; color:#ffffff; padding-top:10px; .text-shadow(0px, 0px, 20px, rgba(255, 255, 255, 0.6)); b{font-family: @latoRegularFont;} } } }//END:visit_us_now /*section_contact_form**************************************************************************************************************************************/ .section_contact_form, .section_form_order_refills{width:100%; height:auto; float:left; padding:100px 0; background:url("../images/paralax_network_bg.jpg") repeat @secondDesignColor; border-top:1px solid #53514b; .top_text{width:100%; height:auto; float:left; text-align:center; padding-bottom:50px; h1, h2, h3, h4{font:normal 35px/35px @latoBlackFont; color:#53514b; padding-bottom:15px;} p{font:normal 18px/20px @latoBoldFont; color:#7e7b72;} }//END:top_text &.section_form_order_refills{background:none; border:none; padding:0; .center_section{width:100%; float:left;} .form{width:100%; margin-left:-6px; .input_item{width:45%; border-color:#b9b9b9; &.textarea{width:94.6%;} } } }//END:section_form_order_refills }//END:section_contact_form .bottom_left_box{min-height:450px !important;} }//END:content_contact .error_input{border-color:#eb003c !important;} //.box-shadow(0, 0, 30px, #eb003c) .ajax_message{width:100%; height:auto; float:left; font:normal 15px/28px @latoBoldFont; color:@basicDesignColor; text-align:left; display:none; padding:10px 0 0 0;} /*form************************************************************************************************************************************************************************/ .form{width:100%; height:auto; margin:0 auto; .input_item{width:45.5%; height:auto; float:left; padding:12px 1%; background:#ffffff; border:2px solid #cecece; .border-radius(4px); margin:10px 1%; position:relative; font:normal 16px/16px @latoRegularFont; color:#959595; span{width:30px; height:30px; float:left; background:url("../images/icons-input-form.png") no-repeat; padding-right:5px;} &.name span{background-position:0px 0px;} &.email span{background-position:0 -30px;} &.appointment span, &.subject span{background-position:0px -60px;} &.phone span{background-position:0px -90px;} &.date span{background-position:0px -120px;} &.time span{background-position:0px -150px;} &.medication span{background-position:0px -180px;} &.strength span{background-position:0px -210px;} &.prescription_number span{background-position:0px -240px;} .input_text{width:88%; height:30px; border:none; background:none; font:normal 16px/16px @latoRegularFont; color:#959595; padding:0px 0 0 0;} &#input_subject{cursor:pointer;} &.dob{ .input_text{width:12%; float:left; text-align:center;} b{width:auto; height:auto; float:left; padding:8px 0 0 0;} } &.large{width:95.5%;} } .textarea{width:95.5%; height:auto; float:left; padding:10px 1%; background:#ffffff; border:2px solid #cecece; .border-radius(4px); margin:10px 1%; .input_textarea{width:100%; background:none; border:none; font:normal 16px/16px @latoRegularFont; color:#959595; resize:none;} } .submit{width:auto; height:auto; float:left; padding:15px 35px; background:@basicDesignColor; border:2px solid @basicDesignColor - 40; .border-radius(4px); margin:10px 1%; color:#ffffff; font:normal 20px/20px @latoRegularFont; text-transform:uppercase; cursor:pointer; &:hover{background:@thirdDesignColor; border-color:@thirdDesignColor - 40;} } }//END:form /*content_page_patient_forms*********************************************************************************************************************************************************/ .content_page_patient_forms{ .section_forms{width:100%; height:auto; float:left; .content_forms{width:102% !important; padding:0; position:relative; left:-1%; .item{width:44.2% !important; margin:10px 1%; padding:20px 1.5% !important; h1, h2, h3, h4{font-size:16px !important; line-height:33px !important;} } } }//END:section_forms .widget-wrapper{width:100% !important; padding:0px; background:none; border:0px; .content_forms{width:100%; height:auto; float:left; .item{width:90%; height:auto; float:left; margin-bottom:10px; padding:14px 5%; background:#b6bfc3; .border-radius(3px); &:hover{background:url("../images/bg_crystal_purple.jpg") repeat @thirdDesignColor;} .icon{width:38px; height:38px; float:left; margin:0 10px 0 0; background:url("../images/icon_form.png") no-repeat; position:relative; left:inherit; right:inherit; top:inherit; bottom:inherit; display:block !important;} h1, h2, h3, h4{font:normal 15px/18px @latoBoldFont; color:#ffffff; padding:1px 0 4px 0;} p{.p(); padding:0; font-size:13px; line-height:18px; color:#ffffff;} } } } }//END:content_page_patient_forms .page-template-templat-patient-forms-php{ .widget-wrapper{width:100% !important; padding:0px; background:none; border:0px; .content_forms{width:100%; height:auto; float:left; .item{width:90%; height:auto; float:left; margin-bottom:10px; padding:14px 5%; background:url("../images/bg_crystal_purple.jpg") repeat @thirdDesignColor; .border-radius(3px); &:hover{background:url("../images/bg_crystal_purple.jpg") repeat @thirdDesignColor; background: @secondDesignColor;} .icon{width:38px; height:38px; float:left; margin:0 10px 0 0; background:url("../images/icon_form.png") no-repeat; position:relative; left:inherit; right:inherit; top:inherit; bottom:inherit; display:block !important;} h1, h2, h3, h4{font:normal 15px/18px @latoBoldFont; color:#ffffff; padding:1px 0 4px 0;} p{.p(); padding:0; font-size:13px; line-height:18px; color:#ffffff;} } } } } /*content_page_testimonials*****************************************************************************************************************************************************/ .content_page_testimonials{width:100%; height:auto; float:left; padding:0 0 10px 0; border-top:8px solid #eeeeee; .items{width:100%; height:auto; float:left; .item{width:100%; height:auto; height:auto; float:left; padding:30px 0 31px 0; margin:0px; border-bottom:2px dotted #e1e1e1; &:last-child{border:none;} .img{width:auto; height:auto; float:left; padding:0 20px 0 0 0; margin:15px 0 0 0; text-align:center; overflow:hidden; .border-radius(100px); img{max-width:100px; height:auto;} } .description{width:88%; height:auto; float:right; padding:15px 0 0 0; text-align:left; .text-shadow(0, 1px, 1px, rgba(255, 255, 255, 0.8)); h2, h3, h4{font:bold 20px/20px @latoBlackFont; padding-bottom:5px; color:@secondDesignColor;} span{width:100%; height:auto; float:left; font:bold 13px/22px @arialFont; padding-bottom:5px; color:#676767;} p{font:normal 14px/25px @arialFont; color:#616161; padding-bottom:10px;} } }//END:item }//END:items } .pagination{width:100%; height:auto; float:left; padding:5px 0 20px 0; span, a{background:#ededed; border:1px solid #cccccc; font:bold 12px/12px calibri, arial, verdana, "trebuchet MS"; color:#232323; margin-right:6px; padding:5px 10px; text-align:center; text-decoration:none; .border-radius(2px);} span{cursor:default;} } .pagination a:hover{background:@basicDesignColor; color:#ffffff; border-color:@basicDesignColor - 20;} .pagination .current{color:#ffffff; background:@secondDesignColor; border-color:@secondDesignColor - 20; cursor:default;} /*form_appointment_request******************************************************************************************************************************************************/ .form_appointment_request{width:100%; height:auto; float:left;}//END:form_appointment_request .dropdown_list{width:100%; height:auto; position:absolute; left:0px; top:52px; background:@witheDesignColor + 20; z-index:9; border:2px solid @witheDesignColor - 30; border-bottom:1px solid @witheDesignColor - 30; .border-radius(3px); left:-2px; display:none; padding:0px !important; li{width:94%; height:auto; float:left; padding:15px 3% !important; font:normal 16px/16px @latoRegularFont; color:@blackDesignColor + 80; border-bottom:1px solid @witheDesignColor - 30; cursor:pointer; background:none !important; &:hover{background:@witheDesignColor - 10 !important;} } } /*buttons_sidebar***************************************************************************************************************************************************************/ .buttons_sidebar{width:100%; height:auto; float:right; a{width:90%; height:auto; float:left; margin-top:15px; padding:15px 5%; .border-radius(3px); span{width:38px; height:38px; float:left;} p{width:auto; height:auto; float:left; font:normal 16px/16px @latoBoldFont; color: @witheDesignColor; padding:10px 0 0 10px;} } .paperwork_btn{background:url("../images/bg_crystal_purple.jpg") repeat; &:hover{background:@thirdDesignColor + 10;} span{background:url("../images/icon_form.png") no-repeat left center;} }//END:paperwork_btn .patient_portal_btn{background:url("../images/bg_crystal_green.jpg") repeat; &:hover{background:@secondDesignColor + 10;} span{background:url("../images/icon_patient_portal.png") no-repeat left center;} }//END:patient_portal_btn .request_appointment_btn{background:url("../images/bg_crystal_orange.jpg") repeat; &:hover{background:#ff9600;} span{background:url("../images/icon_request_appointment.png") no-repeat left center;} }//END:request_appointment_btn .services_btn{background:url("../images/bg_crystal_blue.jpg") repeat; &:hover{background: @basicDesignColor + 10;} span{background:url("../images/icon_services.png") no-repeat left center;} }//END:services_btn }//END:buttons_sidebar .btn_patient_form{width:290px; height:auto; float:left; padding:15px 2%; .border-radius(3px); background:url("../images/bg_crystal_purple.jpg") repeat; span{width:38px; height:38px; float:left; background:url("../images/icon_form.png") no-repeat left center;} p{width:auto; height:auto; float:left; font:normal 16px/16px @latoBoldFont; color: @witheDesignColor; padding:10px 0 0 10px;} } .widget_search{ a.button, input[type='reset'], input[type='button'], input[type='submit']{width:auto; height:auto; float:right; font:normal 16px/16px @latoRegularFont; background:@blackDesignColor + 80; padding:10px 10px 11px 10px; border:2px solid @blackDesignColor + 60; .box-shadow(0, 0, 0, #000000); color:#fefefe; .text-shadow(0, 1px, 1px, rgba(0, 0, 0, 0.6)); &:hover{background:@secondDesignColor; border:2px solid @secondDesignColor - 30; color:#fefefe; .box-shadow(0, 0, 0, #000000);} } }//END:widget_search /*blog**************************************************************************************************************************************************************************/ #content .type-post, #content-blog .type-post, #content-archive .type-post, .section_blog .type-post{ img{margin:5px 14px 5px 0 !important} ol, ul{padding:10px 0; li{padding:5px 0 5px 15px !important; background:url("../images/li_row.png") no-repeat left top !important;} } } .section_blog{width:95% !important; padding:30px 2.5%; #widgets{ .widget-wrapper{width:88% !important; padding:10px 5%; margin-bottom:15px;} } .type-post img{margin:5px 15px 0 0 !important;} } .col-620{width:68% !important; margin:0;} .widget-wrapper .icon{display:none !important;} #content, #content-blog, #content-archive, .section_blog{position:relative; img{width:98%; padding:0.5%; border:1px solid #e9e9e9; margin:10px 0px;} .post-title{position:relative; padding-top:55px; h1, h2, h3{ a{font:normal 25px/30px @latoRegularFont !important; color:#232323; padding-bottom:0px; word-spacing:4px; &:hover{color:@basicDesignColor !important;} } } } .type-post{float:left !important; padding-bottom:0px !important; position:relative; background:#fefefe; margin-bottom:15px; img{width:98%; height:auto; float:left;} } .date_meta{width:auto; height:39px; position:absolute; top:15px; left:-10px; background:url("../images/bg_tools_blog.png") no-repeat left top; padding:7px 20px 0 20px; span{font:bold 13px/13px @calibriFont; color:#ffffff; letter-spacing:-0.5px;} a{font:normal 13px/13px @calibriFont; color:#f8f8f8; &:hover{color:#000000;} } } .comments_meta, .comments_meta_post{width:auto; height:auto; float:right; position:absolute; top:15px; right:15px; padding:0px; a{width:auto; height:auto; float:left; font:normal 12px/12px @calibriFont; color:#545454; border:1px solid #cccccc; padding:10px 10px 10px 32px; background:url("../images/icon_comment.png") no-repeat left center #dcdcdc; .border-radius(3px); &:hover{background-color:@secondDesignColor; color:#ffffff; border-color:@secondDesignColor - 20;} } } .read-more{width:auto; height:auto; float:left; a{width:auto; height:auto; float:left; padding:9px 10px; background:@blackDesignColor; margin:15px 0 0 0; border:1px solid #000000; color:#ffffff; .text-shadow(0, 1px, 1px, #000000); .border-radius(2px); font:bold 13px/13px @arialFont; &:hover{background:@secondDesignColor; color:#f8f8f8; .text-shadow(); border-color:@secondDesignColor - 20;} } } } .post-entry{ p, em, span{padding:10px 0 0 0; font:normal 14px/25px @arialFont !important; color:#414141; text-align:justify;} ul{padding:10px 0 0 0 !important; li{background:url("../images/point_links_height.png") no-repeat left top !important; margin:0px; padding:0 0 5px 10px !important;} } } .widget-wrapper select, .widget-wrapper input[type="text"], .widget-wrapper input[type="password"], .widget-wrapper input[type="email"]{width:80%; border:2px solid @witheDesignColor - 30; font:normal 16px/16px @latoRegularFont; background:@witheDesignColor + 40; padding:10px 5%; color:@blackDesignColor; .border-radius(3px); } //widget-wrapper .current-cat{ a{color:@secondDesignColor !important; font-weight:bold !important;} } .widget-wrapper{.widgets_page(); .widget-title{font:normal 18px/18px @latoBoldFont; padding-bottom:15px; color:@blackDesignColor + 20;} ul{padding:0px !important; li{width:100%; height:auto; float:left; padding:0px !important; background:url("../images/separators_points_light.png") repeat-x top; a{width:94%; height:auto; float:left; font:normal 14px/14px @latoRegularFont; color:#2f2f2f; padding:15px 15px 15px 10px !important; background:url("../images/point_links.png") no-repeat left center; &:hover{color:@secondDesignColor;} } } } .icon{width:45px; height:45px; background:url("../images/badge.png") no-repeat 0px 0px; position:absolute; top:-5px; right:10px;} &.widget_search{ .icon{background:none;} } &.widget_categories{ .icon{background-position:0px 0px;} } &.widget_archive{ .icon{background-position:0px -45px;} } &.widget_tag_cloud{ .icon{background-position:0px -90px;} } &.simple_tweet_widget{ .icon{background-position:0px -180px;} } &.widget_recent_entries{ ul{ li{ a{font:normal 14px/25px @helveticaFont; padding-left:0px !important; padding-right:0px !important; background:none;} } } .icon{background-position:0px -135px;} } .tagcloud a{width:auto; height:auto; float:left; padding:6px 10px !important; margin:0 5px 5px 0 !important; .border-radius(3px); border-radius:3px; border:1px solid #b8b8b8; color:#606060; font-size:11px !important; .text-shadow(0px, 0px, 0px, rgba(0, 0, 0, 0)); background:url("../images/texture_noise.jpg") repeat; .text-shadow(0, 1px, 1px, rgba(255, 255, 255, 0.8)); &:hover{background:@secondDesignColor; border-color:@secondDesignColor - 30; color:#ffffff; .text-shadow();} } } .type-page{ .post-entry{ h1{font:normal 25px/25px @latoRegularFont; padding:14px 0 10px 0px; color:#b81831; text-transform:none;} h3{font:normal 20px/20px @latoRegularFont; padding-bottom:5px;} p{padding:0 0 10px 0; float:left;} table{border:1px solid #dedede; border-bottom:0px; border-right:0px; margin-bottom:20px; tr{border-bottom:1px solid #dedede; td{border-right:1px solid #dedede; padding:10px;} } h1, h2, h3, h4{font:bold 11px/18px @arialFont;} } p{font-size:14px; line-height:22px;} } p{font-size:14px; line-height:22px !important;} } .post-edit{margin:0px !important; display:none;} #content, #content-blog, #content-archive{margin-top:0px; .breadcrumb-list{padding:10px 0; .text-shadow(0px, 1px, 1px, #ffffff); a{font:bold 11px/11px arial, verdana, calibri; color:#740012; &:hover{color:#0092ff;} } } .breadcrumb-current{font:bold 11px/11px arial, verdana, calibri;} .projects, .type-page, .type-post{padding:20px 20px 10px 20px; height:auto; float:left; background:#fefefe; border:1px solid #e8e8e8; .border-radius(2px); position:relative; margin-bottom:20px; .post-data{display:none;} h1{margin:0px; padding-bottom:10px; font:normal 20px/20px @latoBoldFont; letter-spacing:-0.5px; a{color:#2f2f2f; &:hover{color:@basicDesignColor;} } } .post-meta{margin:0;} .post-edit{margin:15px 0px !important;} .post-entry{ h1, h2, h3, h4, h5, h6{font:normal 15px/15px @latoRegularFont; color:#2f2f2f;} .meteor-slides{height:auto !important; width:100% !important; overflow:hidden !important; margin:15px 0 0 0; .border-radius(10px); .mslide{height:auto !important;} .meteor-clip{width:100% !important; height:auto !important; img{width:100%; height:auto;} } .meteor-nav{top:-35%; position:absolute !important; width:100%; a{margin:0 15px;} } } ul{margin:0; padding:0; li{font:bold 12px/24px arial, calibri, verdana; color:#2f2f2f; padding:0 0 0 15px; background:url(../images/li_img.png) no-repeat left top; margin-bottom:4px;} } } .post-edit-link{width:auto; height:auto; padding:6px 10px 5px 10px; .border-radius(2px); .text-shadow(); background:@basicDesignColor; font:bold 12px/12px arial, vardana; color:#ffffff; text-transform:capitalize; &:hover{background:@secondDesignColor;} } .post-edit{margin-top:10px; float:left;} } .post{width:90% !important; padding:15px 5% !important;} } .type-post{width:94.5% !important; padding:15px 2.5% 5px !important;} #content-archive{ h6{font:normal 20px/20px @latoRegularFont; color:#5f5f5f; padding-bottom:10px; letter-spacing:0.5px;} .read-more{padding:0 0 10px 0;} } #content-blog, #content{ .type-post{float:none;} } .tagcloud a{width:auto; height:14px; float:left; margin:0 8px 8px 0; padding:3px 5px 0 15px; .border-radius(0px 2px 2px 0px); color:#fefefe; font:normal 11px/11px arial, verdana, calibri; .text-shadow(); &:hover{color:#ffbcbc} } .breadcrumb-list{margin-bottom:15px; background:rgba(255,255,255,0.5); .border-radius(2px); padding:5px 20px !important; a{color:#00899e !important;} } .title_page{width:100%; height:auto; float:left; position:relative; font:normal 25px/25px @latoRegularFont; padding:20px 0 15px 0; letter-spacing:1px; .center_title_page{max-width:980px; height:auto; margin:0 auto;} } #comments{width:94%; height:auto; float:left; padding:10px 3%; font:normal 16px/16px @latoRegularFont; text-align:left; color:#232323; background:#efefef; span{color:#434343;} } .commentlist{width:100%; height:auto; float:left; margin:0 0 20px 0; .comment-body{float:none; background:#e8e8e8 !important; margin-top:20px; padding:15px 20px 20px 20px; .text-shadow(0, 1px, 2px, rgba(255, 255, 255, 0.2)); .comment-author{width:100%; height:auto; float:left; .fn{ span, a{font:bold 12px/12px @latoRegularFont; color:@basicDesignColor; text-transform:capitalize; cursor:default;} span{color:#787878;} } .avatar{width:55px !important; height:auto; float:left; display:block; margin:0px 10px 10px 0 !important; display:none;} .commentmetadata{width:auto; height:auto;} } .comment-awaiting-moderation{font:italic 12px/12px @calibriFont;} .comment-meta{padding:0px 0 10px 0; float:left; a{font:bold 12px/12px @latoRegularFont; color:#787878; &:hover{color:@basicDesignColor;} } } p{font:normal 12px/22px @arialFont; padding:15px 0 20px 0; text-transform:capitalize; border-top:1px solid #f8f8f8; color:#323232; img{width:auto !important; height:auto; float:none; border:0px !important;} } .reply{width:100%; height:auto; float:none; margin:0; .comment-reply-link{width:auto; height:auto; float:none; padding:5px 10px; font:bold 12px/12px @latoRegularFont; color:#ffffff; background:@basicDesignColor; .border-radius(2px); .text-shadow(0, 1px, 1px, rgba(0, 0, 0, 0.3)); &:hover{background:@secondDesignColor;} } } } .children{width:94.1%; padding:0 3% 15px 3% !important; float:left; margin-left:0px; background:#dedede !important; .comment-meta{float:left;} li{ .children{padding-right:0px !important; width:97%;} } } } #cptch_input{width:60px !important; height:30px !important; margin:-2px 10px 0 0 !important;} #respond{width:100%; height:auto; float:left; padding-bottom:20px !important; background:none !important; border:none; margin-bottom:20px; .border-radius(0px); padding:0px; h2, h3, h4{font:bold 25px/25px @calibriFont; color:#232323; text-transform:uppercase; padding:5px 0 10px 0; letter-spacing:-1px; border-bottom:2px solid #dddddd;} .logged-in-as{font:normal 12px/12px @arialFont; word-spacing:2px; a{font:normal 12px/12px @latoRegularFont; text-transform:capitalize; color:@latoRegularFont !important; &:hover{color:@secondDesignColor;} } } #commentform{ .comment-notes{font:normal 13px/13px @latoRegularFont; color:#535353;} label{font:bold 14px/14px @calibriFont; padding-bottom:5px; color:#5d5d5d;} textarea, input[type="text"], input[type="password"], input[type="email"]{ width:100%; height:auto; float:left; margin:0 0 15px 0; padding:10px 2%; resize:none; border:4px solid #dfdfdf; color:#6b6b6b; background:#ffffff; font:bold 16px/16px @arialFont; .border-radius(8px); outline:none;} textarea{font:normal 13px/18px @arialFont;} input[type='submit']{background:@basicDesignColor; font:normal 14px/14px @latoRegularFont; color:#ffffff; padding:10px 15px; .border-radius(2px); .text-shadow(0, 0, 0, rgba(0, 0, 0, 0)); border:1px solid @basicDesignColor - 30; .box-shadow(0, 0, 0, rgba(0, 0, 0, 0)); &:hover{background:@secondDesignColor; border-color:@secondDesignColor - 30;} } p{ label{font:medium 14px/14px @latoRegularFont; color:#7e7e7e;} } } } .single-projects #widgets{display:none;} .commentlist{overflow:hidden; .comment-body{background:#dedede;} li{ .comment-meta a{color:#888888;} .reply{margin:5px 0 0 0; a{font:bold 12px/12px arial, verdana, calibri; color:#000000; &:hover{color:#00899E;} } } } } .single-post{ .widget-wrapper li{padding-right:20px;} #widgets{width:100%;} } #respond{p{padding:10px 0px!important;}} .navigation{padding:0px;} .wp-pagenavi{padding:5px 0 0 0 !important; span, a{width:auto; height:auto; float:left; padding:5px 10px; background:url("../images/texture_noise.jpg") repeat; font:normal 12px/12px @latoRegularFont; color:#575757; .text-shadow(0, 1px, 1px, rgba(255, 255, 255, 0.8)); border:1px solid #bababa; .border-radius(2px); &.current{background:#696969; border-color:#585858; color:#ffffff; .text-shadow(0, 1px, 1px, rgba(0, 0, 0, 0.5));} } span{cursor:default;} a:hover{background:@secondDesignColor; border-color:@secondDesignColor - 25; color:#ffffff; .text-shadow(0, 1px, 1px, rgba(0, 0, 0, 0.5));} } /*END:Blog****************************************************************************************************************************************************************************/ /*grid_text***************************************************************************************************************************************************************************/ .grid_text{width:100%; height:auto; float:left; padding-bottom:0px; h2, h3, h4{font:normal 25px/25px @latoRegularFont; color: @basicDesignColor; padding-bottom:10px; border-bottom:1px dotted #e9e9e9;} .content_grid_text{width:100%; height:auto; float:left; p{width:48%; height:auto; min-height:100px; float:left; padding:30px 0 0 0; b{font-size:15px;} &.right{float:right;} } } }//END:grid_text /*widget_forms*************************************************************************************************************************************************************************/ .widget_forms{width:30%; height:auto; float:right; .widget-wrapper{width:100% !important; padding:0px; background:none; border:0px; .content_forms{width:100%; height:auto; float:left; .item{width:90%; height:auto; float:left; margin-bottom:10px; padding:14px 5%; background:#b6bfc3; .border-radius(3px); &:hover{background:url("../images/bg_crystal_purple.jpg") repeat @thirdDesignColor;} .icon{width:38px; height:38px; float:left; margin:0 10px 0 0; background:url("../images/icon_form.png") no-repeat; position:relative; left:inherit; right:inherit; top:inherit; bottom:inherit; display:block !important;} h1, h2, h3, h4{font:normal 16px/16px @latoBoldFont; color:#ffffff; padding:1px 0 4px 0;} p{.p(); padding:0; font-size:13px; line-height:18px; color:#ffffff;} } } } }//END:widget_forms .section_map{width:100%; height:auto; float:left;} /*Responsive (Mobile, Tablet...) Design -------------------------------------------------------------- */ /*--------iPad-&-Tablet---------*/ @media screen and (max-width: 1000px){ .center_section{max-width: 650px;} .section_header{ .top_header{position:relative; text-align:center; .logo{width:280px; height:62px; float:none; display:inline-block; background-size:98%; background-position: center center; border:2px solid @blackDesignColor;} .right{width:100%; padding:15px 0 5px 0; background:rgba(255, 255, 255, 0.5); .border-radius(5px); margin:20px 0 0 0; .buttons{float:none; display:inline-block; } .infos{float:none; display:inline-block; padding-top:10px;} } } .bottom_header{width:620px; .main_menu{padding-left:0px; .top-menu{display:none;}//END:top_menu .responsive_menu_btn{display:block;} .content_responsive_menu{display:block;} }//END_main_menu }//END:bottom_header .follow_us{padding:18px 0 0 0;} }//END:section_header .home_slider_title{margin:-15px 0 0 0;} .home_slider_text{margin:5px 0 0 0; font-size:13px; line-height:18px;} .tp-caption.specialist{margin:5px 0 0 0 !important;} .tp-caption.dr_ahmed{margin:40px 0 0 60px !important;} .tp-caption.dr_khan{margin:20px 0 0 40px !important;} .tp-simpleresponsive .tp-caption{padding:0px; margin:0px; z-index:99999999;} .default_page, .contact_page{ .content_page{width:62%;} } .form{width:100%; .input_item{width:44.5%; &.textarea{width:93.7%;} .input_text{width:84%;} &.large{width:93.7%;} } }//END:form .content_two_boxs{ .left_box, .right_box{width:90%; padding:40px 5% !important; margin:0px; height:auto !important;} }//END:content_two_boxs .ajust_height{min-height:inherit;} .section_hospital_affiliations{background:@witheDesignColor + 20 !important; border-top:1px dotted #dedede; .title{br{display:none;}} .items{ .item{width:48%; padding-bottom:0px; &.last{float:right;} .img{img{width:100%; height:auto;}} } }//END:items }//END:section_hospital_affiliations .section_testimonials, .section_recent_news{ .title{padding-bottom:10px;} .items{.item{padding-top:30px;}} }//END:section_testimonials & .section_recent_news .section_services{padding-top:40px; .items{ .item{width:44%; padding:15px 3%;} } }//END:.section_services .section_footer{ .footer_menu{ ul{width:100%; height:auto; float:left; li{width:100%; height:auto; float:left; a{width:100%; height:auto; float:left; text-align:center; border-bottom:1px dotted @secondDesignColor - 40; padding:14px 0;} } } }//END:footer_menu }//END:section_footer .content_parent_page_background .header_parent_page .description, .content_header_page_image .header_parent_page .description{width:80%;} .default_page .content_page, .contact_page .content_page{width:100%; padding-bottom:10px;} .default_page #widgets, .contact_page #widgets, .default_page #widgets .widget-wrapper, .contact_page #widgets .widget-wrapper{width:100% !important; float:left;} #widgets{width:100% !important; margin-top:0px; .widget-wrapper{width:100% !important;} } .content_parent_page_background .header_parent_page .child_menu ul li a, .content_header_page_image .header_parent_page .child_menu ul li a{padding:9px;} .default_page .widget_forms, .default_page .widget_forms, .contact_page .widget_forms{margin:15px 0 0 0;} .section_profiles{width:100%; .items{ .item{width:95%; margin-bottom:20px;} } }//END:section_profiles #content .section_profiles img{width:100% !important;} .widget_forms{width:100%; .widget-wrapper{ .content_forms{ .item{} } } }//END:widget_forms .page_patient_resources .box{width:95%; height:auto; min-height:inherit; padding:20px 2.5%; margin:0 0 20px 0;} .basic_button{width:100% !important; padding:15px 0px; position:relative !important; float:left; top:inherit !important; bottom:inherit !important; left:inherit !important; right:inherit !important; margin:20px 0 0 0 !important;} .section_blog{width:95% !important; #content, #content-blog, #content-archive{width:100% !important;} } .widget-wrapper select, .widget-wrapper input[type="text"], .widget-wrapper input[type="password"], .widget-wrapper input[type="email"]{width:90%;} .section_testimonials_page .caroufredsel_wrapper{height:165px !important;} .section_testimonials_page .list_carousel ul li{width:580px !important;} .page-template-templat-patient-forms-php .widget-wrapper .content_forms{width:100% !important; left:inherit !important; float:left; .item{width:94% !important; padding:20px 2% !important;} } .section_blog #widgets .widget-wrapper{width:89% !important; float:left;} .single-post #widgets{width:100% !important; float:left;} .page_contact .box{width:96%; height:auto; min-height:inherit; float:left; margin:0 0 20px 0;} .content_404_page{width:100%; img{width:100%; margin:30px 0 !important;} } .map_location .map{height:450px;} } /*iPad+++++++++++*/ @media screen and (max-width: 650px){ .center_section{width:480px; max-width:100%;} .section_header{ .bottom_header{width:450px;} .top_header{ .infos{width:100%; height:auto; float:left; position:relative; text-align:center; div{width:auto !important; float:none !important; display:inline-block; padding:10px 20px !important; &.address{padding-right:0px !important; background-position:left center !important;} } }//END:infos } }//END:section_header .fullwidthbanner-container .fullwidthabanner{height:280px !important;} .home_slider_title{margin:-40px 0 0 0;} .home_slider_text{margin:-25px 0 0 0; font-size:13px; line-height:18px;} .tp-caption.specialist{margin:-55px 0 0 0 !important;} .tp-caption.dr_ahmed{display:none;} .tp-caption.dr_khan{display:none;} .content_two_boxs{ .title{ h1, h2, h3, h4{font-size:25px;} a, p{font-size:16px;} } }//END:content_two_boxs .section_testimonials{ .items{ .item{ h1, h2, h3, h4{padding-bottom:0px;} .img{margin-top:0px;} } } }//END:section_testimonials .section_services{width:90%; padding:40px 5% 20px 5%; .center_section{width:100%;} .items{width:100%; left:inherit; .item{width:94%; padding:15px 0;} } }//END:.section_services .form{ .input_item{width:43.5%; &.textarea{width:91.7%;} .input_text{width:80%;} &.large{width:91.7%;} } }//END:form .forcefullwidth_wrapper_tp_banner{ .rev_slider_wrapper{margin:70px 0 0 0 !important;} .home_slider_read_more{width:117px !important; height:33px !important; margin:10px 0 0 0 !important; background-size:100% !important;} } .content_parent_page_background, .content_header_page_image{ .header_parent_page{background-image:none !important; //background-position:-500px 0 !important; .description{width:100%; //top:inherit; padding:50px 0 0 0; h1, h2, h3, h4{line-height:50px; font-size:40px;} p{padding:10px 0 0 0;} } } }//END:content_parent_page_background .content_parent_page_background .header_parent_page{ //.description{padding:25px 0 0 0;} .child_menu ul{width:470px; background:#eaeaea; padding:5px 5px 0px 5px; li{width:100%; a{width:94%; float:left; padding:9px 3%; .box-shadow(0, 0, 0, #000000); border-bottom:1px dotted #8f8f8f;} &:last-child, &.last{a{border:none;}} } } }//END:content_parent_page_background .widget-wrapper select, .widget-wrapper input[type="text"], .widget-wrapper input[type="password"], .widget-wrapper input[type="email"]{width:85%;} #content, #content-blog, #content-archive{ .type-post{ h1, h2, h3{font-size:20px; line-height:25px; padding-bottom:0px;} } .comments_meta_post{display:none;} }//END:#content, #content-blog, #content-archive .default_page .content_page h1, .default_page{ .content_page{width:100%;} } .section_testimonials_page .caroufredsel_wrapper{height:190px !important;} .section_testimonials_page .list_carousel ul li{width:420px !important;} #content .type-post img, #content-blog .type-post img, #content-archive .type-post img, .section_blog .type-post img{width:99% !important; border:3px solid #ffffff !important; .box-shadow(0, 0, 4px, rgba(0, 0, 0, 0.2)); margin-right:0px; margin-bottom:12px !important;} } @media screen and (max-width: 480px){ .center_section{width: 320px;} .section_header{ .top_header{padding:15px 0; .right{background:none; margin:0; padding:15px 0 0 0; .buttons{ a{width:auto !important; height:auto !important; padding:12px 10px; text-align:center; font:normal 13px/13px @latoBoldFont; color:@witheDesignColor; .border-radius(4px); span{display:block;} } .request_appointment{background:@basicDesignColor + 20; border:1px solid @basicDesignColor - 10; &:hover{background:@basicDesignColor + 40; border:1px solid @basicDesignColor;} } .patient_portal_login{background:@secondDesignColor + 20; border:1px solid @secondDesignColor - 10; &:hover{background:@secondDesignColor + 40; border:1px solid @secondDesignColor;} } }//END:buttom .infos{width:100%; height:auto; float:left; position:relative; text-align:center; div{float:none !important; display:inline-block; padding:10px 20px !important;} }//END:infos }//END:right }//END:top_header .bottom_header{width:290px;} }//END:section_header .section_hospital_affiliations{ .items{ .item{width:100%; padding-bottom:30px; &.last{float:left; padding-bottom:0px;} .img{img{width:100%; height:auto;}} } }//END:items }//END:section_hospital_affiliations .form{ .input_item{width:91%; &.textarea{width:91%;} .input_text{width:85%;} } }//END:form .section_testimonials, .section_recent_news{ .title{padding-bottom:0px;} .items{.item{padding-top:40px;}} &.section_testimonials{ .items .item p{line-height:22px;} } }//END:section_testimonials & .section_recent_news .content_parent_page_background .header_parent_page{height:auto !important; .description{padding:0px 0 70px 0 !important; top:inherit; p{font-size:15px; line-height:20px; padding-top:0px;} } .child_menu{position:relative; bottom:inherit; float:left; ul{width:320px;} } }//END:content_parent_page_background .content_header_page_image .header_parent_page{background-position:-600px 0 !important; .description{//padding-top:50px; p{font-size:15px; line-height:20px; padding-top:0px;} } } .widget-wrapper select, .widget-wrapper input[type="text"], .widget-wrapper input[type="password"], .widget-wrapper input[type="email"]{width:80%;} .sidebar-fill-your-prescription, .sidebar-specialty-drugs, .sidebar-enrollment-forms, .sidebar-faqs{margin:0px !important; width:100%; background-position:center center;} .dr_profil_description .img{width:100%; padding:0 0 20px 0;} .section_testimonials_page .caroufredsel_wrapper{height:270px !important;} .section_testimonials_page .list_carousel ul li{width:295px !important;} #content .comments_meta, #content-blog .comments_meta, #content-archive .comments_meta, .section_blog .comments_meta, #content .comments_meta_post, #content-blog .comments_meta_post, #content-archive .comments_meta_post, .section_blog .comments_meta_post{display:none;} #content .post-title, #content-blog .post-title, #content-archive .post-title, .section_blog .post-title{padding:40px 0 5px 0 !important; a{font:normal 18px/18px @latoRegularFont !important;} } .map_location .map{height:350px;} table{ tr{ td{width:30px !important;} } } } @media screen and (max-width: 320px){ .center_section{width:300px !important; min-width:300px;} .section_header{ .top_header{ .right{ .buttons{padding:0 0 15px 0; a{width:100% !important; height:auto !important; padding:12px 0px; margin-top:15px; text-align:center; font:normal 14px/14px @latoBoldFont; color:@witheDesignColor; .border-radius(4px);} }//END:buttom }//END:right }//END:top_header .bottom_header{width:290px;} }//END:section_header } @media screen and (max-width: 240px){}