/*
Theme Name: Daniel Collins Design
Theme URI: http://danielcollinsdesign.com/
Description: The 2016 Daniel Collins Design Website
Author: Nicholas Rhodes / Daniel Collins 
Version: 1
*/

/*CSS Reset*/
html, body, div, span, applet, object, iframe,
p, pre, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
tt, var, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3{margin: 0; padding: 0; font-weight: normal;}

img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
h1 a, h2 a, h3 a, h4 a{color: #1d80dd}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{color: #1d80dd}
a{color: #c92d27; text-decoration: none}
a:hover {color: #679ab9; text-decoration: none;}
a:hover, input#searchsubmit:hover{cursor: pointer;}

h4 {
	font-size: 1.875em;
    line-height: 1.2;
	font-family: "Playfair Display",serif;
	font-weight: 500;
	margin: 5px 0;
}



input, textarea, select{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

p{
margin: 0 0 20px 0;
}

.imageright {
text-align: right;
}

img{max-width: 100%; height: auto}

.clear{clear: both}

/*End of Reset*/
html, body{padding: 0; margin: 0;}
body{font-size: 16px; line-height: 1.3; font-weight: 300; background-color: #f2f2f2}
.wrap, .inner-wrapper{width: 92%; max-width: 1170px; margin: 0 auto; padding: 0 4%; position: relative; clear: both}

.wrap-news, .inner-wrapper-news {
    clear: both;
    margin: 0 auto;
    max-width: 1170px;
    padding: 0 4%;
    position: relative;
    width: 100%;
}

#hero{padding-top: 80px;padding-bottom: 60px;}
#hero .logo img{width: 165px; margin-left: -43px; margin-top: -20px}
#hero .wrap{position: static}

#hero nav{display: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 2; background-color:  rgba(64,64,64,.98); padding-top: 235px;}
#hero nav ul#primary{max-width: 770px; margin: 0 auto; padding: 0; list-style-type: none;}
#hero nav ul#primary li{border-bottom: 1px dotted #c92d27}
#hero nav ul#primary li a{display: block; text-align: center; padding: 25px 0; font-family: 'Playfair Display', serif; font-weight: 700; color: #679ab9; font-size: 1.875em; text-transform: uppercase;}
#hero nav ul#primary li a:hover{color: #fff;}
#hero nav ul.social{background-color: #393939; margin: 0; padding: 0; text-align: center; list-style-type: none; margin-top: 235px;}
#hero nav ul.social li{display: inline-block;}
#hero nav ul.social li a{display: inline-block; padding: 30px 25px; color: #679ab9; font-size: 2em}
#hero nav ul.social li a:hover{color: #fff; }


#menu{display: block; width: 30px; height: 40px; background: url('images/menu.png') center center no-repeat; float: right; position: relative; z-index: 100;}
#menu.mobile-open{background: url('images/nav-close.png') center center no-repeat;}

.content-area{margin-top: 0px;}
.page-template-template-news .content-area{margin-top: 0px}
.content-area article{overflow: hidden}
.home article h1{font-size: 6em; font-family: 'Playfair Display', serif; font-weight: 700; color: #404040; width: 40%; float: left; margin-left: 7%; line-height: .85em; text-transform: uppercase;}
.home article .content{float: right; width: 43%; margin-right: 7%; color: #404040; font-size: 1.813em;  font-family: 'Playfair Display', serif;}


section.image-grid{margin-top: 110px; margin-bottom: 168px; overflow: hidden}
section.image-grid ul{list-style-type: none; margin: 0; padding: 0;}
section.image-grid ul li{position: relative; width: 33.33333%; float: left; line-height: 0; overflow: hidden;}
section.image-grid ul li img{width: 100%; height: auto}

section.image-grid .details, .work-grid .details{display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; line-height: 1.3em; padding: 25% 5% 0% 5%; text-align: center; background-color: rgba(201,45,39, .9); color: #fff; }
section.image-grid ul li:hover .details, .work-grid li:hover .details{display: block}
section.image-grid ul li:hover, .work-grid li:hover{cursor: pointer}
section.image-grid .details img, .work-grid .details img{width: auto; height: auto}
section.image-grid li:nth-child(3n+4){clear: both}
section.image-grid h2, .work-grid h2{font-family: 'Playfair Display', serif; font-size: 1.875em; margin: 25px 0 15px 0; line-height: 1.1em;}
section.image-grid .details div, .work-grid .details div{font-size: .813em; text-transform: uppercase; font-weight: 400; font-family: 'Montserrat', sans-serif;}
.image-grid hr, .work-grid hr{background-color: #fff; margin: 0 auto; margin-top: 20px}

section.ctas{margin-bottom: 165px; overflow: hidden}
section.ctas ul{list-style-type: none; margin: 0; padding: 0;}
section.ctas ul li{width: 29%; float: left; text-align: center}
section.ctas ul li:nth-child(2){margin: 0 3%; padding: 0 3%; border-left: 1px dotted #606060; border-right: 1px dotted #606060}
section.ctas h2{font-size: 5.625em; color: #c92d27; font-family: 'Playfair Display', serif; font-weight: 700; text-transform: uppercase; line-height: 1em}
section.ctas h2 span{color: #679ab9; font-size: .200em; display: block; font-family: 'Montserrat', sans-serif; line-height: 1em; margin: 15px 0 3px}
section.ctas div.details div{font-size: 1.125em; color: #000; font-family: 'Open Sans', sans-serif; font-weight: 300; padding: 15px 0 5px;}
section.ctas .read-more{border: 1px solid #679ab9; display: inline-block; padding: 23px 30px; color: #679ab9;  font-family: 'Montserrat', sans-serif; font-size: .813em; text-transform: uppercase; padding-right: 40px; background: url('images/next.png') 110px 22px no-repeat;}
section.ctas .read-more:hover{border: 1px solid #c92d27; display: inline-block; padding: 23px 40px 23px 30px; background-color: #fff; color: #c92d27;  font-family: 'Montserrat', sans-serif; font-size: .813em; text-transform: uppercase; background-position: 110px -159px}


footer{background-color: #fff; padding: 100px 0 75px 0}
footer #secondary{list-style-type: none; margin: 0; padding: 0; width: 42%; float: left;}
footer #secondary li{display: inline-block; margin-right: 30px; padding-top: 10px;}
footer #secondary li a{font-size: 1.25em; font-family: 'Playfair Display'; color: #679ab9; text-transform: uppercase; font-weight: 700;}
footer #secondary li a:hover{color: #606060}

.footer-top{overflow: hidden}

footer .logo{display: block; width: 16%; text-align: center; float: left;}
footer .logo img{max-width: 150px; margin-top: -15px;}

footer .social{float: right; width: 40%; text-align: right; font-size: 2em; padding: 0; margin: 0; list-style-type: none}
footer .social li{display: inline-block; margin-left: 30px;}
footer .social li a{color: #679ab9}
footer .social li a:hover{color: #606060}

footer .footer-bottom{margin-top: 100px; border-top: 1px dotted #606060; padding-top: 20px; padding-left:0; padding-right: 0; font-family: 'Open Sans', sans-serif; color: #679ab9;  font-size: .938em; overflow: hidden; }
footer .footer-bottom ul{list-style-type: none; margin: 0; padding: 0; float: left;}
footer .footer-bottom ul li{padding: 15px 0; display: inline-block;}

footer .footer-bottom ul li a{color: #679ab9; font-family: 'Open Sans', sans-serif;}
footer .footer-bottom ul li span.fa{margin-right: 10px;}

footer .footer-bottom a:hover{color: #606060}

footer .footer-bottom ul li:nth-child(2){margin: 0 15px; padding: 15px 15px; border-left: 1px dotted #606060; border-right: 1px dotted #606060;}

.footer-cta{display: block; float: right; color: #c92d27; font-family: 'Playfair Display', serif; font-size: 1.25em; margin-top: 12px; background: transparent url('images/long-red-arrow.png') 150px 5px no-repeat; padding-right: 40px;}

.footer-cta span{display: block; padding-bottom: 8px}
.footer-bottom .footer-cta:hover span{border-bottom: 1px solid #c92d27; color: #c92d27; line-height: 1.3em}

.page-template-default article header, .page-template-template-news article header, .page-template-news-template-2 article header, .error404 article header{background-color: #fff; margin: 0;}
.page-template-default h1, .page-template-template-news h1, .page-template-news-template-2 h1, .error404 h1{color: #404040; font-family: 'Playfair Display', serif; font-weight: 700; padding: 30px 0; margin: 0; font-size: 1.25em}
.page-template-default .content, .error404 .content{padding: 0px 0px 70px 0px}
.home article .content, .home article h1{padding-top: 70px}
.home article .content p{margin-top: 0}
.page-template-default .content h1, .columns-section h1{color: #404040; font-size: 2.5em; line-height: 1.1em; font-family: 'Playfair Display', serif; font-weight: 500; margin: 10px 0; padding: 0}
.page-template-default .content h2, .columns-section h2{color: #888888; font-size: 1.438em; font-family: 'Playfair Display', serif; font-weight: 500; margin: 10px 0}
.page-template-default .content h3, .columns-section h3{color: #000000; font-weight:700; font-family: 'Montserrat', sans-serif; font-size: 1.125em; margin: 10px 0}
.page-template-default .content p, #featured-news p, #news p, .columns-section p, .error404 p{font-size: 1.125em; font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 0 0 20px; color: #000000; line-height: 1.6em}
.home article .content p{color: #404040; font-size: 1em;  font-family: 'Playfair Display', serif;}
hr{border: none; height: 2px; background-color: #404040; width: 30px; display: block; float: none; margin: 20px 0}


#featured-news{margin: 80px 0; overflow: hidden}
#featured-news img{float: left; width: 40%; height: auto; margin-right: 3%;}
#featured-news header, #news header{background-color: transparent;}
#featured-news header h1, #news header h1{padding: 0; margin: 10px 0; text-transform: none; font-size: 2.5em; font-family: 'Playfair Display', serif; font-weight: 500; width: 57%; float: left;}
#featured-news hr{float: left}
#featured-news .date{font-family: 'Montserrat', sans-serif; font-weight: 700;}
#featured-news p{float: right; width: 57%}

.date {
    color: #606060;
    display: block;
    font-family: "Montserrat",sans-serif;
    font-size: 0.813em;
    font-weight: bold;
    padding: 10px 0 0;
}

#news .wrap{padding: 0}
#news{background-color: #fff; overflow: hidden; padding: 85px 0; }
#news article{width: 33.33%;}
.grid-item .grid-block{ background-color: #f2f2f2; overflow: hidden; margin: 0% 5% 10% 5%;}

.news-v2 #featured-news img{float: none; position: absolute; width: 50%; height: auto; margin-right: 3%;}
.news-v2 #featured-news{margin: 0; overflow: hidden; padding-bottom: 5.5%;}
.news-v2 #featured-news header h1{width: 47%; float: right; clear: both;}
.news-v2 #featured-news hr{float: left; margin-left: 53%; clear: both;}
.news-v2 #featured-news p{width: 47%; float: right; clear: both;}
.news-v2 #featured-news .date{display: block; margin-top: 80px; width: 47%; float: right;}

#news{position: relative; z-index: 10;}
#news header h1{font-size: 1.875em; padding: 0; margin: 20px 10% 20px 10%; width: 78%; line-height: 1.2;}
#news article img{max-width: 100%; height: auto}
#news article p, #news article .date{margin: 0 10%}
#news article .date{color: #606060; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #fff; display: block; font-weight: bold; font-family: 'Montserrat', sans-serif; font-size: .813em}


#news-navigation{padding: 40px 0 20px 0; overflow: hidden}
#news-navigation a{border: 1px solid #679ab9; display: inline-block; padding: 20px 30px;color: #679ab9;  font-family: 'Montserrat', sans-serif; font-size: .813em; text-transform: uppercase;}
#news-navigation a:hover{border: 1px solid #c92d27; display: inline-block; padding: 20px 30px; background-color: #fff; color: #c92d27;  font-family: 'Montserrat', sans-serif; font-size: .813em; text-transform: uppercase;}

.nav-previous{float: right}
.nav-next{float: left}
#news-navigation .nav-next a{padding-left: 40px; background: url('images/back.png') 20px no-repeat;}
#news-navigation .nav-previous a{padding-right: 40px; background: url('images/next.png') 70px 20px no-repeat;}

.single .content-area{margin-top: 0px}
.single #featured-image{text-align: center; margin: 0px 0 -5px; padding: 0px 30px 0px 30px;}
.single-image{padding: 100px 0; text-align: center;}
.single-image{max-width: 100%; height: auto}

.category-tagline{color: #888888; font-family: 'Playfair Display', serif; font-size: 1.438em; padding: 25px 0}

.single .columns-section hr{margin-bottom: 30px;}

.two-images{overflow: hidden}
.two-images img{width: 50%; height: auto; float: left}

.columns-section{padding: 80px 0 70px; background-color: #fff}
.columns-section .left{float: left; width: 47%;}
.columns-section .right{float: right; width: 47%}


#categories{background-color: #fff;}
#categories ul{list-style-type: none; margin: 0; padding: 0;}
#categories ul li{display: inline-block; }
#categories ul li a{display: inline-block; color: #679ab9; text-transform: uppercase; font-family: 'Playfair Display', serif; font-weight: 700; padding: 30px 0; margin: 0; font-size: 1.25em; margin: 0 15px;}
#categories ul li:first-child a{margin-left: 0}
#categories a:hover, #categories li.current-cat a{color: #404040}


.work-grid{list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
.work-grid li{width: 33.33%; float: left; line-height: 0; position: relative;}
.work-grid li img{width: 100%; height: auto}
.work-grid h2{line-height: 1.1em}


.post-navigation{text-align: center; padding: 45px; overflow: hidden}
.post-navigation .previous{float: left}
.post-navigation .next{float: right}
.post-navigation .text{display: none}
.post-navigation .fa{color: #679ab9; font-size: 2em; margin-top: 2px;}
.post-navigation a:hover .fa{color: #c92d27}

.post-navigation .previous a, .post-navigation .next a{width: 60px; border: 1px solid #679ab9; display: inline-block; padding: 23px 30px; color: #679ab9;  font-family: 'Montserrat', sans-serif; font-size: .813em; text-transform: uppercase; padding-right: 40px; background: url('images/next.png') 90px 22px no-repeat;}
.post-navigation .previous a:hover, .post-navigation .next a:hover{border: 1px solid #c92d27; display: inline-block; padding: 23px 40px 23px 30px; background-color: #fff; color: #c92d27;  font-family: 'Montserrat', sans-serif; font-size: .813em; text-transform: uppercase; background-position: 90px -159px}
.post-navigation .previous a{padding: 23px 30px 23px 40px; background: url('images/back.png') 25px 22px no-repeat; }
.post-navigation .previous a:hover{background-position: 25px -159px; padding: 23px 30px 23px 40px}




@media only screen and (max-width: 1350px){
  
	  
	.home article h1{font-size: 5em;}
	.home article .content p {font-size: 0.9em;}
}

@media only screen and (max-width: 1190px){
  
	  
	
section.image-grid .details, .work-grid .details {
    padding: 15% 5% 0% 5%;
    top: 0;
}

section.image-grid h2, .work-grid h2 {
    font-size: 1.5em;
}	

section.image-grid .details img, .work-grid .details img{height: 25%}

section.image-grid h2, .work-grid h2{font-size: 1.3em; margin: 15px 0 10px;}


	
	.home article .content, .home article h1 {
    padding-top: 0px;
}




}



@media only screen and (max-width: 980px){
  
	  
	.home .content-area{margin: 50px 0 100px 0;}
	.home article h1{font-size: 3.188em;}
	.home article .content{font-size: 1.25em; padding: 0}

	section.image-grid{margin-bottom: 0}

	section.ctas{margin: 65px 0;}
	section.ctas ul li{width: 29%}
	section.ctas ul li:nth-child(2){margin: 0 3%; padding: 0 3%; border-left: 1px dotted #606060; border-right: 1px dotted #606060}
	section.ctas h2{font-size: 3.188em;}
	section.ctas h2 span{font-size: .353em; margin: 8px 0 0}

	footer #secondary{margin: 0; padding: 0; width: 100%; float: none;}

	  
	footer .footer-top{overflow: visible}
	footer .logo{display: block; position: absolute; top: -80px; left: 0; width: 100%; text-align: center; display: block; width: 100%; text-align: center; float: none;}
	footer .logo img{max-width: 150px; margin-top: -15px; margin: 0 auto;}

	footer .social{float: none; width: 100%; text-align: left; margin-top: 30px;}
	footer .social li{margin-right: 30px; margin-left: 0}

	footer .footer-bottom{margin-top: 30px; overflow: visible}
	.footer-cta{position: absolute; float: none; right: 0; top: -70px;}

	section.image-grid h2, .work-grid h2{font-size: 1.3em; margin: 10px 0}
	section.image-grid .details div, .work-grid .details div{font-size: .6em;}
	section.image-grid .details, .work-grid .details{padding:5%; padding-top: 15%;}
	
	
	
	.home article .content, .home article h1 {
    padding-top: 0px;
}
}

@media only screen and (max-width: 1150px){

.news-v2 #featured-news .date {
    display: block;
    float: right;
    margin-top: 40px;
    width: 47%;
}

#featured-news header h1, #news header h1 {
    font-size: 2.1em;
}

}


@media only screen and (max-width: 880px){
  
	  
	
	  section.image-grid ul li:hover .details, .work-grid  li:hover .details{display: none}
	  
}

	

@media only screen and (max-width: 900px){
  
	  
	.home .content-area{margin: 80px 0 50px 0;}
	.home article h1{font-size: 3.2em;}
	.home article .content{font-size: 1.15em; padding: 0}

	section.image-grid{margin-bottom: 0; margin-top: 100px;}

	section.ctas{margin: 65px 0;}
	section.ctas ul li{width: 29%}
	section.ctas ul li:nth-child(2){margin: 0 3%; padding: 0 3%; border: none}
	section.ctas h2{font-size: 2.75em; margin-bottom: 20px;}
	section.ctas h2 span{font-size: .318em; margin: 6px 0 2px}
	section.ctas .details p{font-size: .889em}
  
	section.image-grid h2{font-size: 1.3em; margin: 0}
	section.image-grid .details div{font-size: .765em;}
	section.image-grid .details{padding-top: 10%;}
	section.image-grid .details img{max-width: 30%; height: auto}
	
	#featured-news img{float: none; margin-right: 0; width: 100%; margin-bottom: 20px;}
	#featured-news header h1, #news header h1{float: none;}
	#featured-news hr{float: none}
	#featured-news p{float: none; width: 100%}
  
  
	#news article{width: 50%; margin: 0}
	
  
	.news-v2 #featured-news img{display: block; position: relative; width: 100%; margin: 0 auto; height: auto; margin-top: 0%;}
.news-v2 #featured-news .date, .news-v2 #featured-news p, .news-v2 #featured-news header h1{width: 100%; float: none;}
.news-v2 #featured-news hr{float: none;}
  
	
	#hero .logo img {
    margin-left: -36px;
    margin-top: -14px;
    width: 136px;
	}
	
	#hero {
    padding-bottom: 20px;
    padding-top: 30px;
}

.page-template-default .content p, #featured-news p, #news p, .columns-section p, .error404 p {
    line-height: 1.55em;
}

#categories ul li a{font-size: 1em;}

.news-v2 #featured-news .date {
    margin-top: 30px;
}

.news-v2 #featured-news {
    padding-bottom: 20px;
}

#news {
    padding: 35px 0;
}


.news-v2 #featured-news hr{margin-left: 0%;}

	
	
	
}




@media only screen and (max-width: 660px){

  .home article header{float: none; width: 100%; overflow: hidden; background-color: transparent;}
  .home article h1{margin: 0; width: 100%}
  .home article .content{float: none; width: 100%}
  
  section.image-grid ul li{width: 50%;}
  section.image-grid li:nth-child(3n+4){clear: none}
  section.image-grid li:nth-child(2n+3){clear: both}
  section.image-grid ul li:hover .details, .work-grid  li:hover .details{display: none}
  
  .work-grid li{width: 50%; float: left;}
  .work-grid li:nth-child(2n+3){clear: both}

  #categories{padding: 10px 0}
  #categories ul li a{font-size: 1em; margin: 0 20px 0 0; padding: 10px 0}
  
  section.ctas ul li{clear: both; float: none; width: 90%; margin: 0 auto; padding: 0}
  section.ctas ul li:nth-child(2){margin: 50px 0}

	section.ctas ul li:nth-child(2){padding: 0 5%;}
	
  footer #secondary li a{font-size: .938em}
  footer #secondary li{display: block; margin-bottom: 10px;}
  
  footer .footer-bottom ul li{float: none; display: block; padding: 0; margin: 20px 0;}
  footer .footer-bottom ul li:nth-child(2){border: 0; padding: 0; margin: 20px 0}
  
  .footer-cta{position: relative; top: 0; right: 0; clear: both;}
  
  footer .social li{font-size: .875em; margin-right: 15px;}
  
  .columns-section{padding: 100px 0; background-color: #fff}
  .columns-section .left{float: none; width: 100%;}
  .columns-section .right{float: none; width: 100%}
  
	.post-navigation .fa{color: #679ab9; font-size: 2em; margin-top: 8px;}
  .post-navigation{padding: 0; margin: 50px 0}
	.post-navigation .previous a, .post-navigation .next a{width: 40px; padding: 13px 15px; padding-right: 40px; background: url('images/next.png') 70px 12px no-repeat; margin: 0}
	.post-navigation .previous a:hover, .post-navigation .next a:hover{padding: 13px 40px 13px 15px; background-position: 70px -169px}
	.post-navigation .previous a{padding: 13px 15px 13px 40px; background: url('images/back.png') 20px 12px no-repeat; }
	.post-navigation .previous a:hover{background-position: 20px -169px; padding: 13px 15px 13px 40px}

	#news article{width: 100%;}
  	#news header h1{width: 80%}
	
	
	#hero{padding-top: 20px; padding-bottom: 2px;}
	

#hero nav {
    padding-top: 90px;
}

#hero nav ul#primary li a {
    font-size: 1.25em;
}

#hero nav ul.social {
    margin: 90px 0 0;
}

.home .content-area {
    margin: 50px 0;
}

section.image-grid {
    margin-top: 50px;
}

.single #featured-image {
    padding: 0 20px;
}

.columns-section {
    padding: 30px 0;
}	

.single-image {
    padding: 50px 0;
    text-align: center;
}

.page-template-default .content p, #featured-news p, #news p, .columns-section p, .error404 p {
    font-size: 1em;
}

#featured-news {
    margin: 15px 0;  
}
#news {
    padding: 40px 0;
}

.page-template-template-news .content-area {
    margin-top: 4px;
}

footer {
    padding: 100px 0 35px;
}

.content-area {
    margin-top: 0px;
}

.grid-item .grid-block {
    margin: 0 0 40px;
}

}

@media only screen and (max-width: 440px){
	
.page-template-default .content h1, .columns-section h1 {
    font-size: 2.125em;
}
	
.page-template-default .content h2, .columns-section h2 {
    font-size: 1.125em}
}
	
.category-tagline {
    padding: 15px 0;
}

.svc-social-item {
    margin: 0% 0% 10px !important;
}
}