/*
Theme Name: Up and Done
Theme URI: http://upanddone.com
Author: Up and Done
Author URI: http://upanddone.com
Version: 4.2
Description: Website designed by Up & Done Media Company
*/


/*

Theme styles are located in up-and-done/stylesheet/css/theme-styles.css

*/body { letter-spacing: 0.20px;}
#mk-main-navigation > ul > li.menu-item > a { padding-left: 11px; padding-right: 11px; }
.clip {clip-path: polygon(0 75%, 0 0, 100% 0, 100% 75%, 50% 100%);}
.home-center-sec { margin-top: 35px; }
.home-center-sec .clip {clip-path: inherit;margin-top:-100px;}
.three-block-row{padding-top:110px;padding-bottom:0px;}
.text-block p{text-transform:uppercase; font-size:24px; line-height:normal;}
.text-block{padding-top: 100px;}
.text-block p strong{color:#E88428; font-weight:inherit;}
.portfolio-sec .mk-isotop-filter{display:none;}
.portfolio-sec{margin-top: -50px;}
.three-block-row .style2-box img{max-width:64px !important;}
.three-block-row .mk-box-icon.style2-box.icon-left-align.type-image .icon-box-content{margin-left: 94px;}
.three-block-row .icon-box-desc {max-width: 210px;}
.mk-button.large { min-width:208px; text-transform: uppercase;}
.three-block-row .icon-box-title { font-size:32px !important; letter-spacing: 0.50px; font-weight: 700 !important; padding-top: 0px !important; margin-bottom: 17px !important;}
.main-title-text { padding-top:50px;}
.main-title-text .simple-title span { position:relative;z-index: 0;}
.main-title-text .simple-title span:after { position:absolute; content:""; left:0; right:0; margin:0 auto; text-align:center; width:118px; height:102px; -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
clip-path: polygon(50% 100%, 0 0, 100% 0); background:#edefee; z-index: -1; top: -10px;}
.home-event-content-section { position: absolute; top: 280px; z-index: 9; left: 14%; font-weight: 900; font-style: italic; color: #707070; }
.first-line, .second-line, .third-line, .fourth-line { position: relative; line-height:normal;  }
.first-line {  font-size:22px; padding-left:24px; letter-spacing: 2px; }
.second-line { font-size:40px; color:#e98428; text-transform: uppercase; padding-left:10px; letter-spacing: 5px;}
.third-line {  font-size:22px; letter-spacing: 2px; padding-top:4px; }
.fourth-line { font-size:62px; color:#e98428; text-transform: uppercase; padding-left:26px; letter-spacing: 5px; line-height:62px;}
.fifth-line { text-align: right; width: 100%; display: block; font-weight:300; font-size:20px; padding-top:8px;  }
.first-line:before {position: absolute; left: -30px; top: -40px; content: ""; background:url("http://theeventnerd.wpwhile.com/wp-content/uploads/2019/09/quote-icon-1.png") no-repeat left top; width:64px; height:23px; background-size: 60%; }
.fourth-line:before {position: absolute; right: -90px; top: 0px; content: "";  background:url(http://theeventnerd.wpwhile.com/wp-content/uploads/2019/09/quote-icon-2.png) no-repeat left top; width:86px; height:42px; background-size: 60%;}
.home-event-content-section .mk-button-align.center { padding-top:60px; font-style:normal;}
.mk-footer-social li a { margin: 0 6px; line-height: 24px; }
.mk-footer-social li i { font-size: 12px; color:#e98428; line-height: 24px; vertical-align: middle; display: inline-block; width: 24px; height: 24px; background: #a95b13; text-align: center; border-radius: 30px; }
.mk-footer-social a:hover i { background:#000; color: #fff !important; }
.mk-subfooter-logos img { max-width:40px;}
#sub-footer { padding: 17px 0 8px; }
.mk-footer-social { padding-top:7px;}
.mk-portfolio-item.stroke-hover .featured-image .portfolio-meta { opacity: inherit; }
.mk-portfolio-item.stroke-hover .featured-image .the-title { margin-bottom: 0px; opacity: 1; position: relative; transition: none; }
.what-we-do-middle-sec .mk-text-block h2{margin-bottom:10px; color:#696969;letter-spacing: 2px;}
.what-we-do-middle-sec .mk-text-block p {
    background: #e98428;
    color: #fff;
    padding: 11px 9px;
    font-size: 15px;
    max-width: 670px;
    margin: 0 auto;
}
.what-we-do-middle-sec .vc_col-sm-12{padding-top:100px;}
.what-we-do-middle-sec .mk-text-block.responsive-align-center {margin-bottom: 20px;}
.what-we-do-case-study .mk-text-block {max-width: 440px; padding-top:30px;}
.what-we-do-case-study .mk-text-block p{font-size: 18px; line-height: 24px;}
.what-we-do-case-study .mk-text-block h2{font-size: 26px; font-style: italic; margin-bottom:15px; color:#696969;}
.casestudy-btn.small{padding:14px 52px;}
.second-row .mk-text-block {max-width: inherit;}
.vc_row.portfolio-sec{background-position:center bottom !important;}
.testimonial-sec .swiper-pagination{display:none;}
.testimonial-sec .mk-testimonial.quote-style .testimonial-quote{border:none;}
.testimonial-sec .mk-testimonial.quote-style .testimonial-quote:before{content:none;}
.vc_row.testimonial-sec{background-position:center center !important;}

.header-page-title{margin-top:96px !important;position:relative;}
.header-page-title .fancy-title-span:after { position:absolute; content:""; left:0; right:0; margin:0 auto; text-align:center; width:190px; height:160px; -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
clip-path: polygon(50% 100%, 0 0, 100% 0); background:#e78427; z-index: -1; top: -18px;}


.what-we-do-testimonial{font-weight:900; font-style: italic;}
.what-we-do-testimonial .second-line { letter-spacing: 2px;}
.what-we-do-testimonial .third-line { padding-left: 140px;letter-spacing: 2px;}
.what-we-do-testimonial .fourth-line {  letter-spacing: 5px; }
.what-we-do-testimonial .fifth-line {padding-left: 65px;text-align: left;font-weight: 900; letter-spacing: 2.5px; }
.what-we-do-testimonial .fourth-line:before {right: -182px; top: 36px; }
.what-we-do-testimonial .first-line:before {left: -14px; top: -14px; }
.what-we-do-video-sec .mk-video-player{padding: 0px; border:none;}

.vc_row.case-study-inner {background-position: center center !important;}
.testimonial-sec .mk-testimonial.quote-style .testimonial-quote{font-size:26px !important;}
.testimonial-sec .mk-grid{max-width:900px;}
.testimonial-sec .testimonial-author{font-size:26px !important;}
.vc_row.testimonial-btn-main {padding:0px 0 100px 0 !important;}
.testimonial-btn-main .mk-button.small {padding: 20px 34px 17px 34px;text-transform: uppercase;}

/*Speaking Page CSS*/

.public-speaking-text h1{font-family: Roboto; font-size: 26px;margin-bottom: 16px; color:#707070;}
.public-speaking-text p{font-size:18px; line-height:24px;}
.public-speaking-text {margin-bottom: 20px;}
.vc_row.public-speaking-sec{background-position:center -159px !important; margin-bottom: 150px; margin-top:70px; padding-top:110px !important;}
.mk-button.medium.speaking-sec-btn{padding: 17px 72px;font-size: 14px;}
.vc_row.speaking-testimonial-sec{background-position:center center !important;    margin-bottom: 150px;height: 505px;}
.speaking-testimonial p{color:#707070;}
.speaking-testimonial{padding-top:120px;}
.speaking-testimonial{font-weight:900; font-style: italic;}
.speaking-testimonial .first-line { padding-left: 190px;}
.speaking-testimonial .second-line { letter-spacing: 2px;padding-left: 86px;    padding-bottom: 5px;display: inline-block;}
.speaking-testimonial .third-line { padding-left: 40px;letter-spacing: 2px;}
.speaking-testimonial .fourth-line {  letter-spacing: 5px; }
.speaking-testimonial .fifth-line {padding-left: 395px;text-align: left;font-weight: 900; letter-spacing: 2.5px; }
.speaking-testimonial .fourth-line:before {right:-100px;top: 0;}
.speaking-testimonial .first-line:before {left: 38px; top: 0px; }
.speaking-testimonial .mk-text-block{max-width:600px; margin:0 auto;}
.speaking-gallery .mk-gallery.three-column li{    width: 32%;margin: 0.5%;}
.speaking-gallery{margin-bottom:100px;}
.speaking-bottom-text p{text-align:center; font-size:18px; color:#707070; font-weight:700; margin-bottom:50px;}
.speaking-bottom-sec {margin-bottom:100px;}

/*Creative Page*/
.creative-header-sec{margin-bottom:30px; }
.creative-testimonial-sec .left-text p{font-size:18px; line-height:24px;}
.vc_row.creative-testimonial-sec{height:412px;background-position: center -170px !important;margin-bottom:100px; padding-top:120px !important;}

.creative-tes-text p{color:#707070;}
.creative-tes-text{font-weight:900; font-style: italic;}
.creative-tes-text .first-line { padding-left: 190px;}
.creative-tes-text .second-line { letter-spacing: 2px;padding-left: 86px;    padding-bottom: 5px;display: inline-block;}
.creative-tes-text .third-line { padding-left: 40px;letter-spacing: 2px;}
.creative-tes-text .fourth-line {  letter-spacing: 5px;    padding-left: 60px; }
.creative-tes-text .fifth-line {padding-left: 90px;text-align: left;font-weight: 900; letter-spacing: 2.5px;padding-top:0; }
.creative-tes-text .fourth-line:before {right:-132px;top: 34px;}
.creative-tes-text .first-line:before {left: 38px; top: 0px; }
.blog-section{margin-bottom:100px;}
.blog-section .blog-masonry-entry .post-type-icon, .blog-section .blog-masonry-entry.three-column .mk-love-holder{display:none;}
.blog-section .blog-masonry-entry .item-holder{margin: 0 0 30px 20px;  background-color: inherit; border: none;}
.blog-section .mk-video-container iframe{height:194px;}
.blog-section .blog-masonry-entry.three-column .blog-title{ font-size: 16px!important;line-height: 18px;font-family: Roboto;font-weight: 700!important;}
.blog-section .blog-masonry-entry .blog-entry-heading{background-color:inherit; padding:20px 0 15px; margin-bottom:0;}
.blog-section .blog-meta{display:none;}
.blog-section .blog-masonry-entry .blog-excerpt{padding:0;line-height: 20px;font-size: 16px; }
.blog-section .mk-loadmore-button{background-color:#707070; color:#fff; border:none;    width: 235px;height: 46px;line-height: 46px;} 
.blog-section .mk-loadmore-button .mk-icon-chevron-down:before{content:"Load More";font-family: Roboto;}
.blog-section .mk-loadmore-button i{line-height: 46px;}
.vc_row.blog-section{background-position: center center !important;}
.what-we-video-sec .vp2_html5_rightSidePlaylistBorder{    width: 100% !important;background: inherit !important;}
.what-we-video-sec .thumbsHolderWrapper{display:none;}
.what-we-video-sec .vp2_html5_rightSidePlaylist.universalBlack{top:0 !important; left:0 !important}
.what-we-gallery .mk-gallery.four-column li {width: 24%;margin: 0.5%;}
#mk-header:not(.header-structure-vertical) #mk-main-navigation > ul > li.menu-item{height:100px;}
.main-navigation-ul li.no-mega-menu ul.sub-menu{padding:15px 0;}
#mk-main-navigation ul ul.sub-menu a.menu-item-link:hover{color: #fff;background-color: #e98428 !important;}
