/*
Theme Name: DRG
Theme URI: http://www.yellowduckmarketing.com
Author: Yellow Duck
Author URI: 	http://www.yellowduckmarketing.com
Description:	Custom YD Theme For DRG
Template:		betheme
Version: 		1.5
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* FONTS */

@font-face {
    font-family: 'sinkin_sans100_thin';
    src: url('fonts/SinkinSans-100Thin-webfont.eot');
    src: url('fonts/SinkinSans-100Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SinkinSans-100Thin-webfont.woff') format('woff'),
         url('fonts/SinkinSans-100Thin-webfont.ttf') format('truetype'),
         url('fonts/SinkinSans-100Thin-webfont.svg#sinkin_sans100_thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sinkin_sans300_light';
    src: url('fonts/SinkinSans-300Light-webfont.eot');
    src: url('fonts/SinkinSans-300Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SinkinSans-300Light-webfont.woff') format('woff'),
         url('fonts/SinkinSans-300Light-webfont.ttf') format('truetype'),
         url('fonts/SinkinSans-300Light-webfont.svg#sinkin_sans300_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sinkin_sans400_regular';
    src: url('fonts/SinkinSans-400Regular-webfont.eot');
    src: url('fonts/SinkinSans-400Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SinkinSans-400Regular-webfont.woff') format('woff'),
         url('fonts/SinkinSans-400Regular-webfont.ttf') format('truetype'),
         url('fonts/SinkinSans-400Regular-webfont.svg#sinkin_sans400_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sinkin_sans500_medium';
    src: url('fonts/SinkinSans-500Medium-webfont.eot');
    src: url('fonts/SinkinSans-500Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SinkinSans-500Medium-webfont.woff') format('woff'),
         url('fonts/SinkinSans-500Medium-webfont.ttf') format('truetype'),
         url('fonts/SinkinSans-500Medium-webfont.svg#sinkin_sans500_medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sinkin_sans600_semibold';
    src: url('fonts/SinkinSans-600SemiBold-webfont.eot');
    src: url('fonts/SinkinSans-600SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SinkinSans-600SemiBold-webfont.woff') format('woff'),
         url('fonts/SinkinSans-600SemiBold-webfont.ttf') format('truetype'),
         url('fonts/SinkinSans-600SemiBold-webfont.svg#sinkin_sans600_semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sinkin_sans700_bold';
    src: url('fonts/SinkinSans-700Bold-webfont.eot');
    src: url('fonts/SinkinSans-700Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SinkinSans-700Bold-webfont.woff') format('woff'),
         url('fonts/SinkinSans-700Bold-webfont.ttf') format('truetype'),
         url('fonts/SinkinSans-700Bold-webfont.svg#sinkin_sans600_semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* full site */

h1.entry-title {
    background-color: #E2DDD7;
    padding: 15px 0px;
    margin-right: auto;
    margin-left: auto;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    text-align: center;
    margin-bottom: 40px;
}

.page-id-10 h1.entry-title {
	display: none;
}

h3 {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 30px;
}

.the_content_wrapper ul li {
    margin-bottom: 15px;
}

.column_column ul, .column_column ol, .column_visual ul, .column_visual ol, .mfn-acc ul, .mfn-acc ol, .ui-tabs-panel ul, .ui-tabs-panel ol, .the_content_wrapper ul, .the_content_wrapper ol {
    font-size: 17px !important;
    line-height: 25px;
}

.alignright {
    float: right;
    margin: 0px 0px 0px 25px;
}


/* menu */

li#menu-item-670 a {
    font-size: 18px !important;
}

.menu-highlight:not(.header-creative) #Top_bar .menu > li#menu-item-670 > a {
    margin: 22px 0 0 0 !important;
}


.menu-highlight:not(.header-creative) #Top_bar .menu > li#menu-item-670 > a img {
    max-height: 21px !important;
}

.menu-highlight:not(.header-creative) #Top_bar.is-sticky .menu > li#menu-item-670 > a {
    margin: 3px 0 0 0 !important;
}



#Top_bar .menu > li > a {
    text-transform: uppercase;
	font-family: "sinkin_sans400_regular", sans-serif;
	letter-spacing: 2px;
}

#Top_bar .menu > li ul li a {
    text-transform: uppercase;
	font-family: "sinkin_sans400_regular", sans-serif;
	letter-spacing: 2px;
	font-size: 10px;
}

#Top_bar .menu li ul li a {
    border-bottom: none;
	border-top: none;
}

#Top_bar .menu li ul a {
	 background-image: url('/wp-content/themes/drg/images/line-bkg.png') !Important;
	background-repeat: no-repeat !important;
}

#Top_bar .menu .menu-item-32 ul li ul a:hover  {
	 background-image: none !important;
}

#Top_bar .menu > li ul li a:hover {
    background: #fff;
}

#Top_bar .menu li ul {
	background-image: none;
    top: 80%;
}

#Top_bar .menu li > ul {
    -webkit-box-shadow: none;
	 box-shadow: none;
}

 
#Top_bar .menu li ul li a {
    padding: 10px 10px 0px 20px;
}

.menu-highlight:not(.header-creative) #Top_bar .menu > li > a {
    margin: 20px 0px 0px 0px;
}


#Top_bar .logo {
    margin: 0 30px 0 80px;
}

#Top_bar {
top: 41px;
}

#Top_bar #logo {
height: 70px;
}


.menuo-right #Top_bar .menu_wrapper {
    margin-right: 80px;    
	margin-top: 07px;
}


.menu-highlight #Top_bar .menu > li.hover > a {
    color: #0098cf;
}

.menu-highlight:not(.header-simple) #Top_bar.is-sticky .menu > li > a {
    margin: 5px 0 !important;
}

.menu-highlight #Top_bar .menu > li.current-menu-item > a, .menu-highlight #Top_bar .menu > li.current_page_item > a, .menu-highlight #Top_bar .menu > li.current-menu-ancestor > a, .menu-highlight #Top_bar .menu > li.current_page_ancestor > a, .menu-highlight #Top_bar .menu > li.hover > a {
	color: #000;
}

body:not(.template-slider) #Content {
    padding-top: 0px;
	padding-bottom: 40px;
}


/* home */

.home-slider {
    width: 99.5% !important;
    margin: 0 .25% .25% .25% !important;
}

li.wonderplugin3dcarousel-item a > div {
    display: none !important;
}

.home .content_wrapper {
	border-top: 5px solid #E2DDD7;
	padding-top: .25%;
}

.home-projects {
	width: 99.75%;
padding: 0 .125% 0 .125%;
}

.one.column_portfolio_grid li, .three-fourth.column_portfolio_grid li {
    width: 33.08%;
    padding: 0% 0.125% .25% .125%;
}

.portfolio_group.flat.col-3 .portfolio-item{
     width: 33.08%;
    padding: 0% 0.125% .25% .125%;
}

.if-overlay .image_frame .image_wrapper .image_links {
    transform: scale(1) !important;
}


ul.portfolio_grid {
    overflow: hidden;
}


.if-overlay .image_frame .image_wrapper .mask:after {
    background: rgba(255, 255, 255,.80);
}

.image_frame .image_wrapper .image_links, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
    background: transparent !important;
}

.image_frame .image_wrapper .image_links a:hover {
    background: transparent !Important;
}

.image_frame .image_wrapper .image_links a {
    text-transform: uppercase;
	font-family: "sinkin_sans600_semibold", sans-serif;
	letter-spacing: 1px;
	font-size: 20px !important;
}

.image_frame .image_wrapper .image_links a:hover {
    color: rgba(66,66,66,1.00);
}

.image_frame .image_wrapper img:not(.ls-l) {
    transform: none !important;
}

.more-link {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: "sinkin_sans600_semibold", sans-serif;
	letter-spacing: 2px;
    margin-top: 18px;
	font-size: 15px !Important;
}

.more-link a {
	color: #000 !important;
	font-size: 15px !Important;
}

.more-link a:hover {
	color: #000;
	text-decoration: none;
}


.practice-areas {
	padding-top: 100px;
}


.one.column.practice-areas {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.practice-areas h2 {
	background-color: #E2DDD7; 
	padding: 10px 10px 10px 10px;
	font-size: 17px;
	text-transform: uppercase;
	text-align: center;
	font-family: "sinkin_sans600_semibold", sans-serif;
	letter-spacing: 2px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	line-height: 22px;
}


.practice-areas h2:hover {
   	background-color: #0098cf; 
    transition: 0.7s;
}


.practice-areas h2:hover a {
    color: #fff;
}
	
	
.practice-areas p {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	font-weight: 300;
	text-align: center;
	padding-bottom: 70px;
}

.one.column.tagline {
    background: #E2DDD7;
    text-align: center;
    width: 90%;
    margin: 0;
    padding: 10px 5%;
}

.tagline h2 {
	    font-family: "sinkin_sans600_semibold",sans-serif;
    letter-spacing: 2px;
    font-size: 15px;
    margin-bottom: 0;
    padding-bottom: 7px;
    border-bottom: 3px solid #000;
}

.tagline h3 {
	padding-top: 7px;
    font-size: 12px;
    margin-bottom: 0;
}


.one.column.group-photo {
	width: 100%;
	margin: 0px;
	height: 900px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* map */

.info_content h3 {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 15px;
}

.gm-style .gm-style-iw-c {
    border-radius: 0px; 
}


/* blog */

.if-overlay .image_frame .image_wrapper .image_links.double {
    display: none;
}

.posts_group.masonry.tiles.col-3 .post-item {
    width: 32.75%;
    margin: 0px .125% .25% .125% !important;
}

.post-header .title_wrapper h1 {
    font-size: 14px;
    line-height: 23px;
}

.post-header .title_wrapper {
    margin-left: 0px;
    padding-left: 0px;
}

 .author, .author-date .label, .date i  {
    display: none !important;
}

.post-date.updated {
    font-size: 12px;
    font-weight: bold !important;
    text-transform: uppercase;
    color: #000000 !important;
}

.post-meta {
    margin-bottom: 0px !important;
}

.post-meta .category {
    display: none !important;
}

.single-post .post-meta .author-date {
    float: none;
    text-align: center;
    margin-bottom: 70px;
}

.post h1.entry-title {
    margin-bottom: 10px;
}

.post .date {
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title .entry-title a {
    color: #000;
}

.masonry .post-item .image_frame .image_wrapper {
    min-height: 260px; 
}


h2.entry-title {
    font-size: 14px;
    line-height: 21px;
}

.masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc {
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(255,255,255,0) 100%);
    padding: 70px 30px 30px;
}

.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after, .masonry.tiles .post-item.no-img, .masonry.tiles .post-item.format-quote {
    background: #0098cf !important;
}

/* leadership */

.team .column {
	margin: 0px !important;
}

.team .four-fifth {
	margin: 0px 0px 15px 25px !important;
}

.team .details {
	text-align: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 40px;
}

.team .quote {
	color: #0098CE;
	font-size: 20px;
	font-weight: 800;
}

.team .aff {
    width: calc(50% - 20px);
    float: left;
    padding-left: 20px;
    display: inline-block;
}


.team .label h3 {
    font-size: 15px;
    margin-bottom: 15px;
}

.team .aff p {
    font-size: 12px;
    margin: 0px 0px 0px;
    text-transform: uppercase;
}


.team .aff ul {
    list-style: disc;
    margin: 0px 0px 10px 20px;
}

.team .bio {
    width: 100%;
    margin-bottom: 20px;
}

.team .bio.half {
    width: 50%;
}

.teamcont {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.quote {
    width: 100%;
	padding: 10px 20px 25px 40px;
	margin-bottom: 10px;
}

.quote:before {
    content: url('/wp-content/themes/drg/images/begin-quote.jpg');
    position: absolute;
    right: 77%;
}

.quote:after {
    content: url('/wp-content/themes/drg/images/end-quote.jpg');
    position: absolute;
    right: 5%;
}


/* what we do */
.accordion h4.title {
	font-size: 17px;
	font-family: "lato", sans-serif;
	font-weight: normal;
}

.question .title {
	text-transform: uppercase;
	font-family: "sinkin_sans400_regular", sans-serif;
	letter-spacing: 2px;
	border-bottom: 3px solid #000;
	padding-bottom: 10px;
}


.accordion [class^="icon-"]:before, .accordion [class*=" icon-"]:before {
	color: #0098CE;
	font-weight: bold;
}

.accordion .question {
	border-color: transparent !Important;
}

.page-id-7 .accordion .answer {
	 -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

 
.page-id-7 .accordion li {
	display: inline-block;
	list-style-type: none;
}

.page-id-7 .one.column.group-photo {
	height: 900px !important;
}

.ui-tabs .ui-tabs-nav li a, .accordion .question .title, .faq .question .title, table th {
	color: #000 !Important;
}



/* work */


.filters_wrapper {
	background: #E2DDD7; 
	padding: 5px 0px;
	margin-bottom: .25%;
}

.style-simple #Filters .filters_wrapper ul li a {
    padding: 5px 15px;
}

.style-simple #Filters .filters_wrapper ul li.current-cat a, #Filters .filters_wrapper ul li a {
	color: #000 !important;
	font-family: "sinkin_sans500_medium", sans-serif;
	text-transform: uppercase;
	font-size: 12px !important;
	letter-spacing: 1px;
}

.style-simple #Filters .filters_wrapper ul li.featured {
	display: none;
}

.style-simple #Filters .filters_wrapper ul li.current-cat a {
	background-color: transparent !important;
	background: transparent !important;
}
 
.style-simple #Filters .filters_wrapper ul {
    border-style: none;
}

.image_frame {
    border-color: transparent;
}

.portfolio_group .portfolio-item .desc {
    padding: 5px 8px !important;
	
}

.portfolio_group .portfolio-item .desc .title_wrapper h5 {
    font-size: 18px !important;
	font-weight: 400 !important;
}

#Filters {
    margin-bottom: 0px !important;
}

/*
.page-id-10.if-overlay .image_frame .image_wrapper .mask, .page-id-10.if-overlay .image_frame .image_wrapper .image_links.hover-title {
	display: none !Important;
}
*/


.themebg, .pager .pages a:hover, .pager .pages a.active, .pager .pages span.page-numbers.current, .pager-single span:after, #comments .commentlist > li .reply a.comment-reply-link, .fixed-nav .arrow, #Filters .filters_wrapper ul li a:hover, #Filters .filters_wrapper ul li.current-cat a, .widget_categories ul, .Recent_posts ul li .desc:after, .Recent_posts ul li .photo .c, .widget_recent_entries ul li:after, .widget_mfn_menu ul li a:hover, .widget_mfn_menu ul li.current_page_item > a, .widget_product_categories ul, div.jp-interface, #Top_bar a#header_cart span, .testimonials_slider .slider_images, .testimonials_slider .slider_images a:after, .testimonials_slider .slider_images:before, .slider_pagination a.selected, .slider_pagination a.selected:after, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet.selected:after, .tparrows.default, .tp-bullets.tp-thumbs .bullet.selected:after, .offer_thumb .slider_pagination a:before, .offer_thumb .slider_pagination a.selected:after, .style-simple .accordion .question:after, .style-simple .faq .question:after, .style-simple .icon_box .desc_wrapper h4:before, .style-simple #Filters .filters_wrapper ul li a:after, .style-simple .article_box .desc_wrapper p:after, .style-simple .sliding_box .desc_wrapper:after, .style-simple .trailer_box:hover .desc, .woocommerce-account table.my_account_orders .order-number a {
    background-color: transparent !important;
}


/* work-single */

.large-image .details {
	width: 100%;

}
.details {
	text-transform: uppercase;
	font-family: "sinkin_sans400_regular", sans-serif;
	letter-spacing: 2px;
	border-bottom: 3px solid #000;
	padding-bottom: 20px;
	margin-bottom: 30px;
	width: 85%;
}

.back a {
	text-transform: uppercase;
	font-family: "sinkin_sans400_regular", sans-serif;
	letter-spacing: 2px;
	font-size: 14px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.the_content_wrapper {
    margin: 0px;
}


.large-image.one.column img {
	width: 100%;
}

/* contact */

.page-id-14  h1.entry-title {
    margin-bottom: 0px !Important;
}

.page-id-764  h1.entry-title, .page-id-766  h1.entry-title  {
    margin-bottom: .25% !Important;
}

.column_map .google-map-contact-wrapper .get_in_touch {
    width: 235px !important;
}

.column_map .google-map-contact-wrapper .get_in_touch:after {
    display: none !important;
}

.get_in_touch ul li:after {
	display: none !Important;
}


.page-id-14 .get_in_touch ul li .icon {
    color: #fff;
}

.column_map .google-map-contact-wrapper .get_in_touch {
    float: left !important;
}

/* footer */

.footer-copy-center #Footer .footer_copy {
    text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-family: "sinkin_sans400_regular", sans-serif;
	letter-spacing: 2px;
}



/* ipad */

@media only screen and (max-width: 1239px) {
	
	#Top_bar .menu li ul a {
	 background-image: none !Important;
}

	
	#Top_bar #menu ul li.submenu .menu-toggle {
    border-left: 0px;
	margin-right: 40px;
}

#Top_bar a.responsive-menu-toggle i {
    font-size: 45px;
}

#Top_bar a.responsive-menu-toggle  {
    right: 45px;
}


#Top_bar .logo {
    margin: 0 30px 0 30px;
}


.one.column.group-photo {
    height: 500px !important;
}

.practice-areas h2 {
    width: 75%;
}
    
    


.one.column.practice-areas {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}


.one.column_portfolio_grid li, .three-fourth.column_portfolio_grid li {
    width: 22.9%;
}

.image_frame .image_wrapper .image_links a {
    font-size: 15px !important;
	line-height: 18px;
}

.if-overlay .image_frame .image_wrapper .image_links {
    height: auto !important;
	width: 80%;
}


.quote:before {
    content: url('/wp-content/themes/drg/images/begin-quote.jpg');
    position: absolute;
    right: 75%;
}

.quote:after {
    content: url('/wp-content/themes/drg/images/end-quote.jpg');
    position: absolute;
    right: 5%;
}

}



/* phone */
@media only screen and (max-width: 767px) {
	
body.minimalist-header.header-modern:not(.template-slider) #Header {
    min-height: 47px;
}	


	
#Top_bar .logo #logo {
    padding: 0;
    margin: 5px 52px 15px 0px;
}

#Top_bar .logo {
    margin: 0 30px 0 0px;
}

#Top_bar {
    padding-top: 20px;
}

ul.portfolio_grid {
    margin-left: 0px;
}

.one.column_portfolio_grid li, .three-fourth.column_portfolio_grid li {
    padding: 0px 0px 20px 0px;
}



.one.column_portfolio_grid li, .three-fourth.column_portfolio_grid li {
    width: 22.9%;
}

.image_frame .image_wrapper .image_links a {
    font-size: 20px !important;
	line-height: 22px;
}
    
    .portfolio_group.flat.col-3 .portfolio-item {
    padding: .5% 1% .5% 1% !important;
}
    
    .one.column_portfolio_grid li, .three-fourth.column_portfolio_grid li {
    padding: .5% 1% !important;
    width: 98% !important;
}

.if-overlay .image_frame .image_wrapper .image_links {
    height: auto !important;
	width: 80%;
}

.one-third.column, .one-second.column {
    width: 98% !important;
}
    
     
  h2.entry-title {
    font-size: 12px;
    line-height: 16px;
}
    

.practice-areas h2 {
    width: 90%;
}

.practice-areas p {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
    text-align: center;
    padding-bottom: 10px;
}

.tagline h2 {
    font-size: 16px;
    line-height: 18px;
}

.one.column.group-photo {
    background-repeat: no-repeat;
    background-size: contain;
	height: 200px;
}



.tagline h3 {
    font-size: 13px;
       line-height: 16px;
}

.single-portfolio .container .column {
    margin: 0px 0px 20px;
}

.team .four-fifth {
	margin: 0px !important;
}
    
    .team .aff, .team .bio.half {
    width: 100%;
        padding: 0px;
    }

.quote {
	padding: 10px 0px;
}

.quote:before {
   display: none;
}

.quote:after {
    display: none;
}

   
.page-id-7 .accordion .answer {
	 -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}

.page-id-7 .the_content_wrapper ul {
	margin: 0px !important;
}

.page-id-7 .one.column.group-photo {
	height: 200px !important;
}
    
      h2 {
    font-size: 18px !important;
    line-height: 26px !important;
}
    
    .column_map .google-map-contact-wrapper .get_in_touch {
    width: 100% !important;
}
	

}




/* phone */
@media only screen and (max-width: 480px) {
    
    h2 {
    font-size: 18px !important;
    line-height: 26px !important;
}
	
    .page-id-671 .section_wrapper {
    max-width: 360px !important;
}
    
.one-third.column, .one-second.column {
    width: 98% !important;
}
    
     
    h2.entry-title {
    font-size: 13px;
    line-height: 18px;
} 
    
    
}