/*



Theme Name: Constitutional Transitions



Theme URI: http://www,eighty3.co.uk



Template: onetone-pro



Author: Eighty3



Author URI: http://www.eighty3.co.uk



Description: Custom theme for Constitutional Transitions



Tags: one-column,two-columns,dark,light,gray,responsive-layout,custom-background,custom-header,custom-menu,theme-options,left-sidebar,translation-ready,editor-style,featured-images,full-width-template,rtl-language-support,custom-colors,threaded-comments,buddypress



Version: 1.1492532643



Updated: 2017-04-18 16:24:03







*/
.sow-slider-image {
    height: 500px !important;
}

@media (min-width: 990px) {
.sow-slider-image {
    height: 80vh !important;
}
}

.slider_title {
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    font-size: 17px;
line-height: 25px;
    margin-bottom: 40px;
    padding-top: 0px;
text-transform: uppercase;
}

@media (min-width: 990px) {
.slider_title {
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    font-size: 47px;
line-height: 45px;
    margin-bottom: 40px;
    padding-top: 0px;
text-transform: uppercase;

}
}

@media (min-width: 1400px) {
.slider_title {
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    font-size: 47px;
line-height: 45px;
    margin-bottom: 40px;
    padding-top: 100px;
text-transform: uppercase;

}
}


a.orange_button {
    background: #faae33;
    width: 100%;
display: inline-block;
text-align: center;
color: #ffffff !important;
padding: 8px;
border-radius: 15px;
    font-size: 18px;
}

a.orange_button:hover {
background: #f06430;
width: 100%;
display: inline-block;
text-align: center;
color: #ffffff !important;
padding: 8px;
border-radius: 15px;
font-size: 18px;
}

.entry-title {
    font-family: "lato", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #666;
    margin: 0 0 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid orange;
    margin-bottom: 40px;
}

@media (max-width: 990px) {
.entry-title {
    font-family: "lato", sans-serif;
font-size: 20px !important;
    font-weight: 400;
    text-transform: uppercase;
    color: #666;
    margin: 0 0 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid orange;
    margin-bottom: 40px;
}
}

.slider_button {
    padding: 20px !important;
}

.half_button {
    width: 100% !important;
    margin-bottom: 10px;
    font-style: normal !important;
}

@media (min-width: 990px) {
    .half_button {
    width: 30% !important;
        margin-bottom: 0px;
}
}

.margin-right {
    margin-right: 20px;
}

a {
    font-style: normal !important;
}

.post-type-archive-publications .page-title-bar, .post-type-archive-publications .page-title-bar {
    padding-top: 50px;
    padding-bottom: 50px;
}

.post-type-archive-publications .page-title h1 {
font-size: 0px !important;
}

.posts_page .page-title h1 {
font-size: 0px !important;
}
    
.posts_page .page-title h1:after {
    content: "News and events";
    font-size: 25px !important;
}

.post-type-archive-publications .page-title h1:after {
content: "Publications" !important;
font-size: 25px !important;
}

.entry-meta, .entry-more {
    font-size: 12px;
    text-transform: uppercase;
    margin: 0;
    display: none;
}

.about-author, .related-posts, .comments-area, .post-pagination {
    display: none;
}









.inner_container {



    width: 100%;



    margin: 0 auto;



    padding:0px 10px;



}







@media (min-width: 1170px) {



    .inner_container {



    width: 1170px;



    margin: 0 auto;



    padding:0px;



}



}







h1.home_main_title {



    font-size: 30px;



    text-transform: uppercase;



    color: #ffffff;



    text-align: center;



}







.category_icon {



    font-size: 90px;



    text-align: center;



    color: #ffffff;



    margin-top: -30px;



}







.category_title {



    font-size: 24px;



    text-transform: uppercase;



    color: #ffffff;



    margin-top: -30px;



}







.category_body {



    color: #ffffff;



    font-size: 18px;



    margin-bottom: 15px;



min-height:120px;



}







.approach_panel {



    padding-top: 30px;



    border-top: 2px solid #333333;



}







.publications_button {



margin: 30px auto;



}







h3.approach_title {



    text-transform: uppercase;



    font-size: 30px;



    color: #333333;



    padding-bottom: 25px;



}















.approach_body {



    color: #333333;



    font-size: 16px;



}







.panel-grid {



    margin-bottom: 0px !important;



}







h2.home_sections {



    text-align: center;



    text-transform: uppercase;



    color: #ffffff;



    font-size: 38px;



}



.socialFeed .postItem {



    background-color: rgb(51, 51, 51);



    border: 0px solid #eee;



    border-radius: 0px;



    -moz-border-radius: 0px;



    -webkit-border-radius: 0px;



    font-family: Lato;



    color: rgb(255, 255, 255);



    font-size: 12px;



    margin-bottom: 10px;



    width: 24% !important;



}



.dark_text {



color: #333333 !important;



}



.eighty {

    font-family: "source sans pro", sans-serif;

    font-weight: 600;

    color: #ffffff;

    text-transform: uppercase;

}



.eighty:hover {

    font-family: "source sans pro", sans-serif;

    font-weight: 600;

    color: #ffffff;

    text-transform: uppercase;

    text-decoration: underline;

}



.eighty span {

    color: #333333;

}



img.site-logo {

    float: left;

    height: 70px;

}



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

button#responsive-menu-button {

    width: 55px;

    height: 55px;

    background: #f68e1e !important;

    position: fixed;

    top: 16px !important;

    right: 5%;

    border-radius: 50%;

}

}



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

button#responsive-menu-button {

    width: 55px;

    height: 55px;

    background: #f68e1e !important;

    position: fixed;

    top: 15px !important;

    right: 5%;

    border-radius: 50%;

}

}



div#responsive-menu-wrapper {

    padding-top: 25%;

}



#responsive-menu-container {

    width: 100% !important;

    right: 0;

    background: #212121;

    transition: transform 0.5s;

    text-align: left;

}



button.site-nav-toggle {

    display: none;

}



.effects {

  padding-left: 0px;

}

.effects .img {

  position: relative;

  float: left;

  margin-bottom: 0px;

  width: 100% !important;

  overflow: hidden;

}



.effects .img img {

  display: block;

  margin: 0;

  padding: 0;

  max-width: 100%;

  height: auto;

    width: 100% !important;

}



.image_overlay {

  display: block;

  position: absolute;

  z-index: 20;

  background: rgba(240,100,48,0.6);

  overflow: hidden;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}



a.close-overlay {

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 100;

  width: 45px;

  height: 45px;

  font-size: 20px;

  font-weight: 700;

  color: #fff;

  line-height: 45px;

  text-align: center;

  background-color: #000;

  cursor: pointer;

}

a.close-overlay.hidden {

  display: none;

}



a.expand {

  display: block;

  position: absolute;

  z-index: 100;

  width: 60px;

  height: 60px;

  border: solid 5px #fff;

  text-align: center;

  color: #fff;

  line-height: 50px;

  font-weight: 700;

  font-size: 30px;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  -o-border-radius: 30px;

  border-radius: 30px;

}



/* ============================================================

  EFFECT 1 - SLIDE IN BOTTOM

============================================================ */

#effect-1 .image_overlay {

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 0;

}

#effect-1 .image_overlay a.expand {

  left: 0;

  right: 0;

  bottom: 50%;

  margin: 0 auto -30px auto;

}

#effect-1 .img.hover .image_overlay {

  height: 100%;

}



/* ============================================================

  EFFECT 2 - SLIDE IN TOP

============================================================ */

#effect-2 .image_overlay {

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 0;

}

#effect-2 .image_overlay a.expand {

  left: 0;

  right: 0;

  top: 50%;

  margin: -30px auto 0 auto;

}

#effect-2 .img.hover .image_overlay {

  height: 100%;

}



#effect-2 .img.hover span {

  display: none;

}

/* ============================================================

  EFFECT 3 - SLIDE IN LEFT

============================================================ */

#effect-3 .image_overlay {

  top: 0;

  bottom: 0;

  left: 0;

  width: 0;

  height: 100%;

}

#effect-3 .image_overlay a.expand {

  top: 0;

  bottom: 0;

  left: 50%;

  margin: auto 0 auto -30px;

}

#effect-3 .img.hover .image_overlay {

  width: 100%;

}



/* ============================================================

  EFFECT 4 - SLIDE IN RIGHT

============================================================ */

#effect-4 .image_overlay {

  top: 0;

  bottom: 0;

  right: 0;

  width: 0;

  height: 100%;

}

#effect-4 .image_overlay a.expand {

  top: 0;

  bottom: 0;

  right: 50%;

  margin: auto -30px auto 0;

}

#effect-4 .img {

  overflow: hidden;

}

#effect-4 .img.hover .image_overlay {

  width: 100%;

}



/* ============================================================

  EFFECT 5 - ICON BORDER ANIMATE

============================================================ */

#effect-5 .image_overlay {

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  opacity: 0;

}

#effect-5 .image_overlay a.expand {

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  width: 100%;

  height: 100%;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  border-radius: 0;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

#effect-5 .img.hover .image_overlay {

  opacity: 1;

}

#effect-5 .img.hover .image_overlay a.expand {

  width: 60px;

  height: 60px;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  -o-border-radius: 30px;

  border-radius: 30px;

}



/* ============================================================

  EFFECT 6 - ICON BOUNCE IN

============================================================ */

#effect-6 .image_overlay {

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  opacity: 0;

}

#effect-6 .image_overlay a.expand {

  left: 0;

  right: 0;

  top: 0;

  margin: 0 auto;

  opacity: 0;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

#effect-6 .img.hover .image_overlay {

  opacity: 1;

}

#effect-6 .img.hover .image_overlay a.expand {

  top: 50%;

  margin-top: -30px;

  opacity: 1;

}



/* ------------------------------------------------------------ *\

|* ------------------------------------------------------------ *|

|* Media Queries

|* ------------------------------------------------------------ *|

\* ------------------------------------------------------------ */

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

  .effects {

    padding-left: 5px;

  }

  .effects .img {

    width: 50%;

  }

  .effects .img:nth-child(n) {

    margin-right: 5px;

  }

  .effects .img:first-child {

    margin-left: 0;

  }

  .effects .img:nth-child(2n-1) {

    margin-left: -5px;

  }

  .effects .img:nth-child(2n) {

    margin-right: 0;

  }

  .effects .img:last-child {

    margin-right: 0;

  }

}

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

  .effects .img {

    width: 100%;

  }

  .effects .img:nth-child(n) {

    margin-right: 0;

  }

  .effects .img:first-child {

    margin-left: 0;

  }

  .effects .img:nth-child(2n-1) {

    margin-left: 0;

  }

  .effects .img:nth-child(2n) {

    margin-right: 0;

  }

  .effects .img:last-child {

    margin-right: 0;

  }

  .effects .img img {

    margin: 0 auto;

  }

}







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

#responsive-menu-container {

    width: 30% !important;

    right: 0;

    background: #212121;

    transition: transform 0.5s;

    text-align: left;

}

}



a.responsive-menu-item-link {

    font-size: 18px !important;

    text-transform: uppercase;

}



.approach_image img {

    width: 100% !important;

}



.approach_panels {

    padding: 30px 40px;

}



.approach_panel h2.home_sections.dark_text {

    padding-bottom: 30px;

}



.twitter_panel {

    margin-top: 30px;

}



footer h2.widget-title {

    color: #faae33 !important;

    text-transform: uppercase;

    font-weight: 600;

}



.widget_nav_menu li a {

    padding: 0px 0px !important;

    color: #ffffff;

    font-size: 14px !important;

    border-bottom: 0px solid #ffffff !important;

}



.footer-widget-area .widget_nav_menu li {

    border-bottom: 0px solid rgba(255,255,255,.1) !important;

}



footer .col-md-3 {

    margin-bottom: 0px !important;

}



a.footer_social {

    font-size: 25px;

    padding-right: 10px;

    color: #ffffff;

}



.title_pub {

    color: #ffffff;

    text-transform: uppercase;

    text-align: center;

    font-size: 18px;

    padding: 20px;

}



.body_pub {

    color: #ffffff;

    text-align: center;

    font-size: 16px;

    padding: 40% 20px 20px;

}



.pub_button {

    width: 80% !important;

    margin: 30px 10% 0px !important;

    position: relative;

    display: inline-block;

}



.black_button {

    background: #333333 !important;

}



.black_button:hover {

    background: #262626 !important;

}



.publications_grid .so-panel {

    margin-bottom: 0px !important;

}



.widget_nav_menu li a {

    padding: 0px 0px !important;

    color: #ffffff;

    font-size: 14px !important;

    border-bottom: 0px solid #ffffff !important;

    line-height: 16px;

    margin-bottom: 10px;

}



.img span {

    position: absolute;

    top: 0%;

    text-align: center;

    width: 100%;

    color: #ffffff;

    font-weight: 600;

    font-size: 20px;

    padding: 50% 30px;

    z-index: 5000;

    height: 2000px;

}

    

.on_mobile {

    display: flex !important;

}



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

    .on_mobile {

    display: none !important;

}

}



    .on_desktop {

    display: none !important;

}



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

    .on_desktop {

    display: flex !important;

}

}



.single-post .page-title-bar.title-left.no-subtitle {

    display: none;

}



.single-post .about-author {

    display: none;

}



.single-post .related-posts {

    display: none;

}



.single-post #respond {

    display: none;

}



.single-post .post-pagination {

    display: none;

}

.single-post .entry-meta {

    display: none;

}



.single-publications .page-title-bar.title-left.no-subtitle {

    display: none;

}



.single-publications .about-author {

    display: none;

}



.single-publications .related-posts {

    display: none;

}



.single-publications #respond {

    display: none;

}



.single-publications .post-pagination {

    display: none;

}

.single-publications .entry-meta {

    display: none;

}

.publications_grid .panel-grid-cell {
    margin-bottom: 0px !important;
}

.breadcrumb-nav.breadcrumbs {
    display: none;
}

.page-title-bar {
    background-image: url(/wp-content/uploads/2017/04/category_panel_2.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0,0,0,0,0);
}

hgroup.page-title {
    width: 100%;
}

.page-title h1 {
    color: #ffffff !important;
    font-size: 25px;
    text-align: center !important;
    width: 100% !important;
    display: inline-block;
}

.main-header {
    background-color: #000000 !important;
}

.home .main-header {
    background-color: rgba(0,0,0,0) !important;
}

p {
    font-size: 16px !important;
}

.page-id-7354 a.work-tile h2 {
    display: block;
    padding: 20px;
    min-height: 100px;
    margin: 10px 0px;
    color: white !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
text-align: right !important;
background: none;
}

.page-id-7354 a.work-tile h2:hover {
    background: #f06430;
    display: block;
    padding: 20px;
    min-height: 100px;
    margin: 10px 0px;
    color: white !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.page-id-10102 a.work-tile h2 {
    display: block;
    padding: 20px;
    min-height: 100px;
    margin: 10px 0px;
    color: white !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
text-align: right !important;
background: none;
}

.page-id-10102 a.work-tile h2:hover {
    background: #f06430;
    display: block;
    padding: 20px;
    min-height: 100px;
    margin: 10px 0px;
    color: white !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

a.work-tile h2 {
background: #ef9b3b;   
 display: block;
    padding: 20px;
    min-height: 100px;
    margin: 10px 0px;
    color: white !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
text-align: center!important;
}

a.work-tile h2:hover {
    background: #f06430;
    display: block;
    padding: 20px;
    min-height: 100px;
    margin: 10px 0px;
    color: white !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}


.footer-widget-area p {
    font-size: 14px !important;
}

#pgc-7354-0-0, #pgc-7354-1-0 {
    margin-bottom: 0px !important;
}

.sort_title {
    font-family: inherit;
    text-transform: uppercase;
    font-size: 30px;
}

.sort_publications {
    margin-bottom: 30px;
}

.sort_title {
    font-family: inherit;
    text-transform: uppercase;
    font-size: 30px;
    width: 30%;
    float: left;
    padding-bottom: 20px;
}


@media (max-width: 990px) {
.sort_title {
    font-family: inherit;
    text-transform: uppercase;
    font-size: 30px;
    width: 30%;
    float: left;
    padding-bottom: 20px;
display: none;
}
}

form.searchandfilter {
    width: 50%;
    float: left;
    display: inline;
    padding-bottom: 20px;
}


@media (max-width: 990px) {
form.searchandfilter {
    width: 100%;
    float: left;
    display: inline;
    padding-bottom: 20px;
}
}

@media (max-width: 990px) {
form.searchandfilter ul {
    width: 100%;
}
}

@media (max-width: 990px) {
form.searchandfilter li {
    width: 100%;
}
}

.sort_publications {
    border-bottom: 1px solid #333333;
    display: inline-block;
    width: 100%;
}

.searchandfilter select {
    padding: 14px;
    border: 1px solid #cccccc;
}

.searchandfilter input[type="submit"] {
    background: #faae33;
    padding: 13px 40px;
    border-radius: 15px;
    font-size: 18px;
    color: #ffffff; 
    border: 0px solid #ffffff;
    margin-top: 10px;
}

.searchandfilter input[type="submit"]:hover {
    background: #f06430;
}

.col-sm-3.feature-img-box {
    clear: both;
}

.entry-box-wrap {
    width: 100%;
    display: inline-block;
}

.area-title {
    text-align: center;
    font-size: 27px;
    text-transform: uppercase;
    margin: 40px 0px 40px;
}

@media (max-width: 780px) {
#pgc-w591d9cbbe816f-0-0, #pgc-w591d9cbbe816f-0-1, #pgc-w591d9cbbe816f-1-0, #pgc-w591d9cbbe816f-1-1 {
    margin-bottom: 0px !important;
}
}

/* add class="jumptarget" to all targets. */

.jumptarget::before {
  content:"";
  display:block;
  height:90px; /* fixed header height*/
  margin:-90px 0 0; /* negative fixed header height */
}

a.work-tile h2 {
    height: 100%;
    display: block !important;
    z-index: 5000;
    position: relative;
}

.work-tile span {
    width: 50% !important;
    display: block;
    float: right;
}

input[type="submit"] {
    border: 1px solid #f68e1e !important;
    background-color: transparent;
    padding: 5px;
}

input[type="submit"]:hover {
    border: 1px solid #f68e1e !important;
    background-color: #f68e1e;
    padding: 5px;
color: #ffffff;
}

a.italic {
    font-style: italic !important;
}

.dk-speakup-readme {
    background: #ffffdd;
    border-bottom: 1px solid #dfdfa8;
    color: #808080;
    cursor: pointer;
    display: none !important;
    font-size: .8em;
    font-weight: bold;
    height: 32px;
    padding: 0 5% 0 5%;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
}

a.dk-speakup-twitter {
    background: #2477b3 url(../images/bg-button-twitter.png) repeat-x top left;
    background: -webkit-linear-gradient(#6bb5e9, #2477b3);
    background: -moz-linear-gradient(#6bb5e9, #2477b3);
    background: -ms-linear-gradient(#6bb5e9, #2477b3);
    background: -o-linear-gradient(#6bb5e9, #2477b3);
    background: linear-gradient(#6bb5e9, #2477b3);
    border-radius: 4px;
    border: 1px solid #166197;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 4px rgba(0, 0, 0, 0.4);
    display: inline-block;
    height: 32px;
    margin: 10px !important;
    text-align: center;
    width: 140px;
}

.grey {
	color: #262626 !important;
}