/* CSS Document */
#mobile:not( .mm-menu ) {display: none;}
.EditMode .columns {-webkit-column-count: auto; -moz-column-count: auto; column-count:auto;}
.EditMode img.mask {display:none;}
button:focus { outline:none !important; }
.stButton .stLarge:hover {background-position:0px !important;}
.box .EditableTextEdit {min-width:300px;}
* {box-sizing: border-box; background-repeat:no-repeat;}
.Error input[type=text] {color:red;}
input:focus { outline: none  !important;}
textarea:focus { outline: none  !important;}


.mobile {display:block;}
.desktop {display:none;}
@media only screen and (min-width: 768px) {
.desktop {display:block;}
.mobile {display:none;}
}


/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td, select {margin:0px; padding:0px; border:none;}
p,li {line-height:1.5em; font-size:16px;}
p, li, a, input, select, option, label, textarea, button, span {font-family: "Noto Serif", serif; color:#000; font-weight:300; letter-spacing:0px;}
h1,h2,h3, h1 a, h2 a, h3 a {font-weight:normal; font-family: "Noto Serif", serif; color:#000; letter-spacing:0px; line-height: 1.2em;}
h4,h5,h6, h4 a, h5 a, h6 a {font-weight:normal; font-family: "Noto Serif", serif; color:#000;  letter-spacing:0px;}
a img,:link img,:visited img { border:none; }
address {font-style:normal;}
.ErrorLabel {display:none;}
input {-webkit-appearance: none;}
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom:40px; }
.videoWrapper iframe {position: absolute; top: 0;left: 0; width: 100%; height: 100%;}

#container {position: relative; max-width: 100%; margin: 0px auto; text-align: left; overflow:hidden;}
#container>div, header, footer, section {min-width:320px; width: 100%; max-width: 100%; float:left; position:relative;}
.wrapper {margin: 0 auto; width: 1400px; max-width: 100%;}
.content {float: left; width: 90%; max-width: 100%; margin:0 5%; position:relative;}

.margin {padding:20px 0 60px 0;}

/* ----- HEADER ----- */
header a.logo {float:left; display:block; width:228px; height:48px; background-image:url("/wp-content/themes/simonmilesart/assets/images/simon-miles-logo.png"); background-position:center center; background-size:contain; margin-top:60px;}
header a.instagram {display:none; float:right; width:40px; height:40px; background-image:url("/wp-content/themes/simonmilesart/assets/images/instagram.png"); background-position:center center; background-size:contain; margin-top:65px; }
header {height:140px; }
header .menu {display:none; float:right;}
header ul.menu {z-index:2; margin:72px 20px 0 0; position:relative;}
header ul.menu>li {float:left; display:inline-block;}
header ul.menu>li.current-menu-item>a {color:#808080;}
header ul.menu>li>a {font-size:16px; color:#000; padding:20px 20px;}
header ul.menu>li:hover>a {color:#808080;}

@media only screen and (min-width: 768px) {
header {height:160px; }	
}


@media only screen and (min-width: 1024px) {
header {height:180px; }	
header a.logo {width:285px; height:60px;}
header a.instagram {display:block;}
	}

/* ----- FOOTER ----- */
footer {margin:80px 0; }
footer .content {border-top:1px solid #808080;  padding-top:15px;}
footer .content p {font-size:14px;}

footer p {float:left;}
footer ul.menu {z-index:2; margin:40px 0px 0 0; position:relative; float:left; clear:left;}
footer ul.menu>li {float:none; }
footer ul.menu>li.current-menu-item>a {color:#808080;}
footer ul.menu>li>a {font-size:14px; color:#000; padding:0 0 20px 0px;}
footer ul.menu>li:hover>a {color:#808080;}

@media only screen and (min-width: 768px) {
	footer ul.menu { margin:0px 0px 0 0; float:right; clear:none;}
	footer ul.menu>li {float:left;display:inline-block;}
	footer ul.menu>li>a {padding:0 0 0 40px;}
	
}

/* ----- HOMEPAGE ----- */
#video .video {float:left; width:100%;  height:200px; text-align:center; margin-bottom: 0px; }
#video .video img {width:100%;}
#video .banner {background-size:cover; background-position:center center; width:100%; height:200px;}
#rmp-container-56 {max-width:100%;}
#rmp-container-56 .instagram {margin:0 auto; width:40px; height:40px; background-image:url("/wp-content/themes/simonmilesart/assets/images/instagram.png"); background-position:center center; background-size:contain;}

@media only screen and (min-width: 480px) {
#video .video {height:300px; margin-bottom:40px;}
#video .banner {height:300px;}
}
	
	
@media only screen and (min-width: 768px) {
#video .video {height:400px; margin-bottom:40px;}
#video .banner {height:400px;}
}


@media only screen and (min-width: 1024px) {
	header .menu {display:block;}
#video .video {height:500px; margin-bottom:60px;}
#video .banner {height:500px;}
		
	}
	
	
.left {float:left; width:100%; margin-bottom:40px;}
.right {float:right; width:100%;}

.copy h1 {font-size:28px; margin-bottom:30px;}
.copy p {margin-bottom:20px;}
.copy p a {color:#586768;}
.copy h2 {font-size:24px; margin-bottom:15px;}
.copy h3 {font-size:20px; margin-bottom:15px;}
.copy.first p:first-of-type {font-size:20px;}
.copy p a.contact {display:block; border:1px solid #586768; color:#000; margin-top:20px; padding:15px 60px; float:left; transition: 0.2s; width:100%; text-align:center;}
.copy p a.contact:hover {color:#fff; background-color:#586768; transition: 0.2s;}
.copy.right img {width:100%;}
.copy table {float:left; width:100%; border-collapse: collapse; margin-bottom:60px;}
.copy table td {font-family: "Noto Serif", serif; color:#000; font-weight:300; letter-spacing:0px; border:1px solid #808080; padding:5px;}
.copy table tr:first-of-type td {font-weight:400; font-size:18px; border:0px; padding:5px 5px 15px 5px;}
.copy table tr:nth-of-type(2) td {font-weight:400; font-size:16px;}
.copy table tr td {width:24%;}
.copy table tr td:nth-of-type(3) {border:0px; width:4%;}

	
	
@media only screen and (min-width: 768px) {
.copy.first p:first-of-type {font-size:22px;}
.left {width:60%;}
.right {width:35%; margin-top:75px;}
.home .left {width:50%;}
.home  .right{width:45%; margin-top:0px;}
.copy p a.contact {width:auto;}
}


/*----Home Page----*/

.links {float:left; width:100%; }
.links div {float:left; width:100%; margin-bottom:40px;}
.links a {display:block; border:1px solid #586768;  padding:15px; float:left; width:100%;  text-align:center;  transition: 0.2s;}
.links a:hover {color:#fff; background-color:#586768; transition: 0.2s;}

.links img {width:100%; margin-bottom:20px;}
.links .linkPortfolio {}


@media only screen and (min-width: 480px) {
.links div {float:left; width:47.5%; margin-left:5%; margin-bottom:0px;}
.links div:first-of-type {margin-left:0px;}
	
}

@media only screen and (min-width: 768px) {
}



/*----Commissions Page----*/

.right.commissions {margin-top:0px;}
.right.commissions img {float:left; width:47.5%; margin-bottom:0px;}
.right.commissions img:first-of-type {margin-right:5%;}


@media only screen and (min-width: 768px) {
.right.commissions {margin-top:75px;}
.right.commissions img {float:left; width:100%; margin-bottom:60px;}
.right.commissions img:first-of-type {margin-right:0;}
}




/*----Portfolio Page----*/

.gallery {float:left; width:100%;}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 1024px) {
.gallery {margin-top:50px;}
}


#wpforms-form-47 button.submitButton  {font-family: "Noto Serif", serif; color:#000; font-weight:300; letter-spacing:0px; background-color:#fff; display:block; border:1px solid #586768; color:#000; background-color:#fff;  padding:0px 60px; float:left; transition: 0.2s; border-radius:0; font-size:18px;}
#wpforms-form-47 button.submitButton:hover {color:#fff; background-color:#586768; transition: 0.2s;}











/* ----- Modula ----- */
.gallery #jtg-24 .modula-items .figc p.description {opacity: 1 !important;
    margin-bottom: 0em !important;
    transition: none !important;
    bottom: 0px;
    color: #fff !important;
    transform: none !important;
    right: 10px;}

.modula-fancybox-caption__body p {
    color: #fff !important;}