/*
Theme Name: 	Dolphin Child
Theme URI: 		#
Author: 		Muffin group
Author URI: 	#
Description:	Child Theme for Dolphin
Template:		dolphin
Version: 		1.6
*/

/* Theme customization starts here
-------------------------------------------------------------- */
.padding-h {padding: 0 10px;}
.padding-right-10 {padding-right: 10px;}
.padding-left-10  {padding-left: 10px;}

.text-right { text-align: right;}
.text-left { text-align: left;}
.text-center { text-align: center;}

.list-styleless ul, .list-styleless ul li {
    list-style: none outside;
}

.no-margin-li ul li { margin: 0; }


/* Social Icons */
.social-networks {font-size: 16px;}
.social-networks span, #social-footer span {padding-left: 6px;}
.social-networks.social-sidebar span {padding-left: 0; padding-right: 6px;}

.social-networks span:after, #social-footer span:after {
    content: "";
    position: absolute;
    background: white;
    width: 24px;
    height: 24px;
    left: 8px;
    top: 3px;
    z-index: -1;
    border-radius: 5px;
}

.social-networks .social-wrapper,
#social-footer .social-wrapper  {
    position: relative;
    display: inline-block;
    z-index: 1;
}


.social-googleplus a {color: #dd4b39 !important;}
.social-googleplus a:hover {color: #D4220C !important;}

.social-twitter a {color: #00aced !important;}
.social-twitter a:hover {color: #027BA9 !important;}

.social-facebook a {color: #3b5998 !important;}
.social-facebook a:hover {color: #2D426D !important;}

.social-youtube a {color: #C3181E !important;}
.social-youtube a:hover {color: #AE1C21 !important;}

.social-vimeo a {color: #17B3E8 !important;}
.social-vimeo a:hover {color: #166F8D !important;}

.social-instagram a {color: #325C86 !important;}
.social-instagram a:hover {color: #223F5C !important;}

.social-pinterest a {color: #BD081C !important;}
.social-pinterest a:hover {color: #8B0413 !important;}



#Header_wrapper #Subheader .title {
    font-size: 40px;
    color: white;
    /*text-shadow: 2px 2px 3px black;*/
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

#Header_wrapper #Subheader {
    background-color: rgba(0, 0, 0, 0.2);
    border-bottom: 3px solid #ed7440;
}

.leartes-ul li {
    list-style: none !important;
}


.section-portfolio-header .project-description,
.section-portfolio-header .title_wrapper .post-meta,
.section-portfolio-header .post-header,
.section-portfolio-header .post-nav .next-prev-nav {
    display: none;
}

.fixed-nav .date {
    display: none;
}

.section-related-ul .date_label,
.section-related-ul .desc .button {
    display: none;
}

.section-related-ul .desc hr.hr_color {
    display: block;
    margin-left: 0;
}

.portfolio_group .portfolio-item .desc {
    padding: 10px;
}

.portfolio-item.category-rooms .portfolio-item-fw-bg .desc .desc-wrapper {
    display: block;
    margin-right: auto;
}

.hide-love .portfolio_group .portfolio-item .desc .title_wrapper {
    border-bottom: 1px solid #ed703a;
    padding-bottom: 5px;
    margin-bottom: 8px;
}


.scala-this .photo_wrapper,
.rotate-this .photo_wrapper,
.sliding_box .photo_wrapper {
    overflow: hidden;    
}

/*  Scale & Rotate  */
.scala-this .photo_wrapper img,
.rotate-this .photo_wrapper img {
/*
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
*/
    -webkit-transition: all .3s ease-in-out;   /* Safari and Chrome */
    -moz-transition: all .3s ease-in-out;      /* Firefox */
    -ms-transition: all 3s ease-in-out;        /* IE 9 */
    -o-transition: all .3s ease-in-out;        /* Opera */
    transition: all .3s ease-in-out;
}

.scala-this .photo_wrapper:hover  img{
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

.rotate-this .photo_wrapper:hover img{
    -webkit-transform:scale(1.25) rotate(3deg); /* Safari and Chrome */
    -moz-transform:scale(1.25) rotate(3deg); /* Firefox */
    -ms-transform:scale(1.25) rotate(3deg); /* IE 9 */
    -o-transform:scale(1.25) rotate(3deg); /* Opera */
     transform:scale(1.25) rotate(3deg);
}

.sliding_box .photo_wrapper img {
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

.sliding_box .photo_wrapper:hover  img{
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

.theme-color,
.theme-color-separator h4 {
    color: #ed7440;
}

#popup_contact,
#back_to_top.sticky {
    bottom: 35px;
}

#Footer a {
    text-decoration: none;
}

@media only screen and (max-width: 1023px) {
    #Top_bar #menu { background: rgba(255, 255, 255, 0.8);}

    #Top_bar #menu ul li.submenu .menu-toggle {
        color: #666;
        border-left: 1px solid rgba(0, 0, 0, 0.05);
    }

}

@media only screen and (max-width: 1239px) and (min-width: 960px) {
    .header-split #Header .top_bar_left .menu_left,
    .header-split #Header .top_bar_left .menu_right { width: 42%; }

}

.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description):after {
    border-top: 5px solid #808080;
}

.hotline_wrapper {
    background: rgba(237,112,58,0.9);
    position: absolute;
    right: 0;
    top: 120%;
    z-index: 201;
    width: 200px;
    padding: 2px;
    border-radius: 25px 0 0 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#Top_bar.is-sticky .hotline_wrapper { display: none; /*top: 108px;*/}

.hotline_wrapper.email {
    top: 170%;
    width: 240px;
    background: #cc2949;
}
.hotline_wrapper.email .hotline {
    font-weight: normal;
    font-size: 12px;
}

.hotline_wrapper.email .callcenter .fa-circle {
    color: #840a22;
}

.hotline_wrapper .callcenter .fa-circle {
    color: #BD4C18;
}

.hotline_wrapper .hotline,
.hotline_wrapper .callcenter {
    float: left;
}
.hotline_wrapper .hotline a {
    color: #FFFFFF;
}

.hotline_wrapper .hotline  {
    float: left;
    line-height: 38px;
    padding-left: 10px;
    font-weight: 700;
    color: #FFFFFF;
}
.hotline_wrapper .hotline a {
    text-decoration: none;
}

@media only screen and (min-width: 1024px){
.header-split #Header  .top_bar_left .logo {
    position: absolute;
    left: 38%;
    width: 24%;
    }
}

@media only screen and (max-width: 767px) {
    .hotline_wrapper { top: 108px;}
    .hotline_wrapper.email { display: none;}     
}
