body { font-family:  "QuattrocentoSans", sans-serif; background-image: none; background-color: #EEEEEE; }
body.sidebar-first #content {  float: right;  width: 70%; margin-right: 5% }
#sidebar { width: 21%; padding-left: 1%; margin-right: 3%;  padding-top: 15px; float: left; background-color: #EDF2F2;  }
#logo { float: left;  width: 100%; }
#header { background: #ffffff url("images/header.jpg") no-repeat top left; color: white; margin-left: -30px; margin-right: -30px;  border-bottom: 5px solid #ffffff }
#logo #sitename a { color: #FFFFFF; font-size: 26px; font-weight: 400;  padding-left: 30px; text-align:left; padding-right: 150px; line-height: 1.9; }
#logo #sitename { padding-top: 1px; }
#sitename { margin-top: 2px; text-align:left;background: url("/sites/default/files/logo-nuig.png") right no-repeat; height: 50px; }
a {     color: #2C6193;     text-decoration: none; }
h1 { color: #385F38;}
#ryaninstlogo { width: 100%; margin-right: 4px; }
#logo #sitename #ryaninstwww {
    float: right;
    margin-right: 30px;
    width: 137px;
    margin-top: -51px;  }
#block-block-1 { float: right; width: 250px; margin-left: 20px; margin-right: 0px; margin-top: -49px;  }
.page-node-28 #block-system-main { float: left; width: 400px;  }

body.sidebar-first.page-node-28 #content { margin-right: 15px; }
#block-block-1 h2 { margin-top: 0px; color: #385F38; }
 22%; margin-right: 3%;   height: 200px; display: block; }
.col img { padding-right: 54px; }
h2 { clear: both; width: 100%; }
.layoutRows {   display: block; position: relative; border: 1px solid green; background-color: purple; height: auto; clear: left;  }

.labphoto {  float: left;  margin-right: 20px;  margin-bottom: 15px;  height: 160px; }
.labphoto.portraitphoto { height: 275px; }
.staff { color: #193464; font-size: 1.2em; font-weight: bold; clear: both; }
.fancybox-title { text-align: center; font-weight: bold; font-size: 1.1em;}

.writeshops-grid { display: grid; width: 50%; grid-template-columns: 1fr 1fr; }


/* Responsive section */
@media screen and (max-width: 800px) {
   #wrap { margin-left: 12px; margin-right: 12px;  width: auto; }
   body.sidebar-first #content {  float: none;  width: 100%;  }
   #sidebar { float: none;  width: 100%;  }  
   #logo #sitename a { font-size: 1.1em; font-weight: normal; }  
   #block-block-1 { float: none; width: auto; margin-left: 50px; margin-right:50px;  }
   .page-node-28 #block-system-main { float: none; width: auto;  }
   #logo #sitename a { padding-left: 0px;  }
   #navigation { padding: 0px; }
   #block-node-syndicate, #block-user-login { display: none; }
   #block-superfish-1 ul.sf-menu[style] {   margin-left: 0px !important; }
   #navigation { display: none;}
   #block-superfish-1 ul.sf-menu { margin-top: 15px; }



#logo #sitename #ryaninstwww {
    float: right;
    margin-right: 19px;
    width: 137px;
    margin-top: 10px;  }
    #logo #sitename a#ryaninstwww  { padding-right: 0px; margin-top: -20px; }
}
@media screen and (max-width: 968px) {
    #logo #sitename a { padding-left: 5px; font-size: 16px;  }
    #logo #sitename #ryaninstwww {    
        margin-top: -31px;
    }
}
@media screen and (max-width: 806px) {
    #logo #sitename a#ryaninstwww  { padding-right: 163px; margin-top: -31px;
    }
}
@media screen and (max-width: 768px) {
   .sf-menu.menu ul {  margin: 14px 0px 0px -185px;     }   
   .sf-menu.menu ul  {  margin-top: 25px; }
   .sf-menu.sf-style-white li li { border-left: 4px solid #175FB3; }
   #logo #sitename a#ryaninstwww  { padding-right: 5px; margin-top: 22px; }

}

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

.labphoto { width: 48%; height: auto; margin-right: 2%;height: 160px; }
.labphoto a img { width: 100%; height: auto; }

 }
/* End Responsive section */



.col { float: left;} 
.col.photo { float: left; width: 22%; margin-right: 3%; height: 200px; min-height: 200px; }

.page-node-15 h2{ padding-top: 30px; }
h2.first-h2 { padding-top: 0; }

.personnel-layout .row div img { margin-right: 40%; }
.personnel-layout .row  {clear: both; }
.personnel-layout .row div.col-md-3 { height: 260px;  }
.personnel-layout2 .row div.col-md-3 { height: 215px;  }
.personnel-desc { clear: both; margin-top: 2px; }


h2 { font-size: 22px; color: #5C8C00; }

#block-superfish-1 ul.sf-menu { margin-left: -21px; }

#block-superfish-1 .sf-vertical, #block-superfish-1 .sf-vertical li {
    width: 17em;
}

#block-superfish-1 .sf-vertical li:hover > ul, #block-superfish-1 .sf-vertical li.sfHover > ul {
   left: 17em;
  }
  

  
#block-superfish-1 ul.sf-menu li.sf-depth-1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5C8C00;
    border-image: none;
    border-radius: 2px;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    list-style-image: none;
    list-style-type: none;
    margin: 9px 0;
    padding: 0;
}
#block-superfish-1 ul.sf-menu li.sf-depth-2 {
    padding: 0px 0px 0px 6px;   
   }

#block-superfish-1 ul.sf-menu li.sf-depth-1 a {
    background-color: #eceef2;
    color: #5e732d;
    display: block;
    padding: 3% 0 3% 2%;
    text-transform: uppercase;
    font-weight: normal;
    width: 99%;
}

.sf-menu.sf-style-white li:hover, .sf-menu.sf-style-white li.sfHover, .sf-menu.sf-style-white a:focus, .sf-menu.sf-style-white a:hover, .sf-menu.sf-style-white a:active, .sf-menu.sf-style-white span.nolink:hover, .sf-menu.sf-style-white.sf-navbar li li {
    background-color: #5C8C00;
}

#sidebar {
    background-color: #FFFFFF;
    
}

@media screen and (min-width: 800px) {

.labphoto { width: 48%; height: auto; margin-right: 2%;height: 160px; }
.labphoto a img { width: 100%; height: auto; }

 }


 #linkA {background-color: #f3f4f5; border: 1px solid #c2c3c4; }
 #studentsBlogList2  { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 10%; }
 .ccafsStudent { margin-bottom: 14px; }
 .studentsBlogs { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 10%; }
 .ccafsImg { width: 100px; height: auto;  } /* 200 x 290px */
 .ccafsLink { display: block; font-weight: bold; clear: both; margin-top: 5px; }
 .academicYear { display: block; width: 100%; margin-bottom:20px;  margin-top:12px;padding-top: 12px;border-top: 1px solid #cccccc; }
 .academicYear:first-child { border-top: 0px; }

@media screen and (max-width: 760px) {
    .studentsBlogs {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 10%;
    }
}

@media screen and (max-width: 350px) {
    .studentsBlogs {
        grid-template-columns: 1fr;
        grid-column-gap: 10%;
    }
    .ccafsStudent { width: 60%; margin: auto; }
    .ccafsImg { width: 100%; }
}

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

    #superfish-1-accordion, .sf-accordion-toggle { display:none; }
    #superfish-1[style] { display: block !important;}
}