/* Enter Your Custom CSS Here */
#post-1712 .home-narrow img {
    padding-top: 20px;
}

#post-833 a{
	text-decoration: underline;
}
.page-id-833 .page-content{
   background: url('http://theroi.co.uk/wp-content/uploads/2016/01/file00057572404_mod_edited-1.jpg');
   background-repeat: no-repeat;
   background-position: center right;
   @media (max-width: 700px) {
   background: none;
   } 
}

#post-833 a:hover{
	text-decoration: none;
}
#post-833 h3{
	margin-bottom: 15px;
    font-size: 1.3em;
}
#post-833 p{
	margin-top: 15px;
}
#post-833 .grid{
	margin-top: 15px;
}
#post-833 .grid:nth-of-type(1){
	margin-top: 0px;
}
#atwkslider-test3-3 .atw-entry-summary a{
  display: block;
  float: left;
  width: 40%;
}
#atwkslider-test3-3 .atw-entry-summary a img{
  height: auto;
  width: 90%;
}
#atwkslider-test3-3 .atw-entry-summary p{
  display: block;
  float: left;
  width: 58%;
}
#metaslider_2198 .nivo-caption br:nth-child(2){
	display: none; !important;
}
#metaslider_2198 .nivo-caption a{
	display: block !important;
    text-align: right;
    width: 100%;
    padding: 5px 0px 5px 0px;
    border-bottom: none;
    text-decoration: underline;
    font-size: 0.8em;
}
.metaslider-2198 .theme-default .nivo-nextNav{
   margin-top: 0px !Important;
}
#post-1551 .home-narrow img{
padding-top: 20px;
}
.page-id-1551 .page-content, .page-id-1712 .page-content, .page-id-835 .page-content, .page-id-847 .page-content, .page-id-1734 .page-content, .page-id-833 .page-content{
padding-top: 0px !Important;
}

#metaslider_2198 img{
padding-top: 0px !important;
}
.latestNewsHead{
    padding-bottom: 5px;
     font-weight: 600;
    color: rgba(25,26,27,.8);
  max-width: 419px; margin: 0 auto;
}
.latestNewsHead a{
    text-decoration: underline;
  
}
.current_page_item > a {
    color: #CE530F !important;
}
#metaslider_2198 {
  margin-bottom: 20px !important;
}

/* to make 2 col to 1 col switch happen a bit earlier (at 700 rather than 585 px) */
.post-contents .grid {
    overflow: hidden;
    margin: 30px 0; }
    .post-contents .grid .half {
      width: 47.5%; }
    .post-contents .grid .left {
      float: left;
      margin: 0;
      margin-right: 2.5%; }
    .post-contents .grid .right {
      float: right;
      margin: 0;
      margin-left: 2.5%; }
    .post-contents .grid p.left,
    .post-contents .grid p.right {
      font-weight: 400; }
    .post-contents .grid .left *:last-child,
    .post-contents .grid .right *:last-child {
      margin-bottom: 0; }
    .post-contents .grid .left *:first-child,
    .post-contents .grid .right *:first-child {
      margin-top: 0; }
    .post-contents .grid p {
      font-weight: 300;
      clear: none; }
    @media (max-width: 700px) {
      .post-contents .grid .left,
      .post-contents .grid .right {
        float: none;
        width: 100%;
        margin: 0; }
      .post-contents .grid .right {
        margin-top: 50px; } }
        
/* Enter Your Custom CSS Here */


section h1.title2{
    display: none;
    font-size: 1em;  
    font-weight: bold;
    line-height: 1em;
    margin: 0px;
   z-index: 99999999 !important;
  clear: both;
background-color:rgba(255, 255, 255, 1);
 /*background: url('http://dreamjam.co.uk/ROI-dev/wp-content/uploads/2016/01/backWhite.png') !important;   */
  opacity: 0.7 !Important;
}


.h1t2{
/* background: url('http://dreamjam.co.uk/ROI-dev/wp-content/uploads/2016/01/backWhite.png') !important; */
padding: 8px !important;  
   z-index: 99999999 !important;
  clear: both;
   width: 100%;
  height: 100%;
    border-radius: 4px !important;

}

    @media screen and (max-width: 985px) {
         section h1.title2{
               display: inline-block;
   z-index: 99999999 !important;
  border-radius: 4px !important;
             
         }
  section h1.title2.h1t2.background{
    z-index: 999999999999999 !important;
  }
    }

    


 h1.title1{
        display: block;
    font-size: 1.5em !important;
    font-weight: bold !important;
    line-height: 1.2em !important;
    margin: 0px !important;
    float: left !important;
 /*background: url('http://dreamjam.co.uk/ROI-dev/wp-content/uploads/2016/01/backWhite.png') !important;*/
   background-color: rgba(255,255,255,0.9) !important;
  padding: 8px !important;
  margin-left: 15px !important;
  border-radius: 8px !important;
  opacity: 0.7 !Important;
  padding-left: 16px !Important;
  padding-right: 16px !Important;
  max-width: 550px !Important;
}

    @media screen and  (max-width: 985px) {
         section h1.title1{
                display: none !important;
         }
    } 
.top-bar nav ul{
    float: left;
}
.post-contents .grid {
    overflow: hidden;
    margin: 30px 0; }
    .post-contents .grid .half {
      width: 47.5%; }
    .post-contents .grid .left {
      float: left;
      margin: 0;
      margin-right: 2.5%; }
    .post-contents .grid .right {
      float: right;
      margin: 0;
      margin-left: 2.5%; }
    .post-contents .grid p.left,
    .post-contents .grid p.right {
      font-weight: 400; }
    .post-contents .grid .left *:last-child,
    .post-contents .grid .right *:last-child {
      margin-bottom: 0; }
    .post-contents .grid .left *:first-child,
    .post-contents .grid .right *:first-child {
      margin-top: 0; }
    .post-contents .grid p {
      font-weight: 300;
      clear: none; }
    @media (max-width: 700px) {
      .post-contents .grid .left,
      .post-contents .grid .right {
        float: none;
        width: 100%;
        margin: 0; }
      .post-contents .grid .right {
        margin-top: 50px; } }

.header, .header-post-small{
    height: 147px;
}
section.page-content{
    overflow: visible;
}

.copyright2 .disclaimer, .copyright2 .social2{

  text-align: right !Important;

  }

.menu-main-container li a{
 padding: 8px 12px 10px !important;
 border-right: #888 solid 1px;
 border-top: #888 solid 1px;
 }
.menu-main-container li:first-child a{
 border-left: #888 solid 1px;
 }
.menu-main-container ul {
 
  margin-top: 16px !Important;
  padding-top: 0px;
}

.menu-main-container > li  a {
 border-right: #000 solid 1px;
 border-top: #000 solid 1px;

}
.menu-main-container  ul.sub-menu > li a {
 border: #000 solid 1px;
}
.menu-main-container  ul.sub-menu {
 background-color: rgba(0,0,0,1) !important;

  top:20px;
}
.post-contents hr{
    width: 85%;
}
ul.menu{
    padding-top: 0px !important;
}
.header-post-small .background{
    opacity: 0.5 !Important;
}
 .h1t1 .background, h1.title2 .background{
    opacity: 1.0 !Important;
    z-index: 99999999999999 !important;
}
.searchnav, .responsivenav{
 margin-top: 18px !important;
}

.current_page_item > a, .current_page_parent > a {
    color: #CE530F !important;
}
.breadcrumbs{
  position: relative;
  top: -10px;
  padding-bottom: 15px;
}
.copyright2 .twitter{
 background-color: rgba(255,255,255,0.85) !important;
   width: 28px !Important; 
   height: 28px !Important; 
   line-height: 28px;
   text-align: center;
  display: inline-block;
  border-radius: 2px;
}
.copyright2 .facebook{
 background-color: rgba(255,255,255,0.85) !important;
   width: 28px !Important; 
   height: 28px !Important; 
   line-height: 28px;
   text-align: center;
  display: inline-block;
  border-radius: 4px;
}
.copyright2 .social2 li i {
    margin-right: 0px !Important;
}
.menu li:nth-child(1) a, .menu li:nth-child(1) {
border-top-left-radius: 4px;
}
.menu li:last-child a, .menu li:last-child {
border-top-right-radius: 4px;
}
.menu li{
  background-color: rgba(255,255,255,0.85) !important;
}
.sub-menu li{
  background-color: rgba(0,0,0,1) !important;
}
.responsivemenu li{
  background-color: rgba(0,0,0,1) !important;
}
.responsivemenu{
  z-index: 999999 !important;
}
.page-footer{
  clear: both;
}
.pagination .wrapper-body{
  height: 60px !important;
}
nav.pagination ul.page-numbers{
  display: block !important;
}
#post-1734 .home-titles{
 margin-bottom: 10px;
}
.eckogallery{
  margin-top: 0px !important;
}
.withSlider{
	padding-bottom: 5px;
}
#page-id-833 ul {
    -webkit-margin-before: 0em !important;
    -webkit-margin-after: 0em !important;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px !important;
    -webkit-padding-start: 0px !important;
  padding-left: 10px !important;
  list-style-position: inside !important;
}
#page-id-833 ul li {
   padding: 0 0 !important;

}
ul .fa-paint-brush a{
 padding-left: 6px;
}
ul .fa-paint-brush {
   padding: 0 0 !important;
  position: relative;
  left: -15px;
  display: block !Important;
}
.mailIcon{
   background: url('http://theroi.co.uk/wp-content/uploads/2016/01/1453987701_mail_50.png');
   background-repeat: no-repeat;
   background-position: center right;
   line-height: 50px;
   height: 50px;
}
.wpcf7-textarea {
  width: 100%;
}
.memberInfo a{
       text-decoration: underline;  
}

/* NEW 160216 */
.spotlight-grid{
  max-width: 800px;
  background: #eeeeee;
  padding: 15px;
  border: #ccc solid 1px;
  border-radius: 8px !important;
  margin-bottom: 0px !important;
}
.spotlight-grid .grid{
  margin-bottom: 0px !important;
  margin-top: 15px !important;

}
.spotlight-grid .left{
  width: 35% !Important;
}
.spotlight-grid .right{
  width: 60% !Important;
 
}
.spotlight-grid img{
  width: 100% !Important;

}
.top-bar nav ul .current_page_parent2 {
    color: #CE530F !important;
  border: red solid 8px !Important;
  
}
#menu-menu-4{
   // color: #CE530F !important;
 // border: red solid 8px !Important;
  
}
.spotlightHead{
  font-weight: bold;
  padding-bottom: 10px;
}
.videoHolder{
	width: 100%;
    text-align: center !Important;
}
.videoHolder .wp-video{
    margin: 0 auto !Important;
}
.spotlight-grid .right a{
	margin-top : 10px !important;
    display: block;
}
.spotTable, .spotTable td {
 border: none;
}
.spotImage{
	width: 30%;
}
.spotText a:hover{
	text-decoration: underline;
}
.breadcrumbs a{
 text-decoration: underline !important;
}
.breadcrumbs a:hover{
 color: #CE530F;
}
.noMarginh3{
 padding-top: 0px;
}
.inlineImages div{
  display: inline-block;
} 
blockquote {
    font-family: Montserrat,Arial,Sans-Serif;
    font-size: 1em !Important;
    font-weight: 400 !Important;
    line-height: 45px !Important;
    margin: 50px 0;
    margin-left: 5%;
    padding: 8px 5% 10px;
    text-align: left;
    letter-spacing: -.5px;
    color: #38393c;
    border-left: 6px solid #e8eaed;
}
blockquote p{
    font-family: Montserrat,Arial,Sans-Serif;
    font-size: 1em !Important;
    font-weight: 400 !Important;
    line-height: 30px;
    margin: 50px 0;
    text-align: left;
    color: #38393c;
}
.post a:hover{
  text-decoration: underline;
}
button#catapultCookie{
	color: #000000;
}
h5, h4 {margin: 15px 0px; line-height: 1em;}
.post-contents ol, .post-contents p, .post-contents ul{
  margin: 15px 0px;
}
.home-narrow{
  margin-top: 15px;
}
.home-narrow.first-item{
  margin-top: 0px;
}