/*
Theme Name:     APRP theme
Theme URI:      http://themeid.com/                      
Description:    Child theme of the Responsive Theme produced for APRP website.
Author:         David Afosno                           
Author URI:     users.isr.ist.utl.pt/~dafonso/cv/                
Template:       responsive                           
Version:        0.1.0                                   
*/

/* =Import Styles
-------------------------------------------------------------- */
@import url("../responsive/style.css");
@import url("../responsive/core/css/style.min.css");
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700);
@import url(http://fonts.googleapis.com/css?family=Vollkorn:400italic,400,700);


#logo {
  float: left;
  margin: 0;
}

#logo img{
  margin: 0px 70px 10px 0px;
}
.site-name {
  font-size: 20px; /* = 33px  2.063em;*/
  padding-top: 20px;
  display: inline;
}

/*Design para formulario de contacto flutuante */
.dc-contact-float .dc-contact-content {color: #555555;}

.dc-contact-float .tab {background: url(skins/images/tab_dark_grey.png) no-repeat 0 -40px; font-weight: bold; font-size: 13px; color: #555555; text-shadow: 1px 1px 1px #000; height: 40px; padding: 0 0 0 10px; cursor: pointer;}
.dc-contact-float .tab span {display: block; background: url(skins/images/tab_dark_grey.png) no-repeat 100% 0; padding: 14px 14px 14px 10px; height: 12px; line-height: 1em;}
.dc-contact-float.active .tab {background-position: 0 -120px;}
.dc-contact-float.active .tab span {background-position: 100% -80px;}

.dc-contact-float .dc-corner {background: url(skins/images/tab_dark_grey.png) no-repeat 0 -190px; height: 10px; padding: 0 0 0 10px;}
.dc-contact-float .dc-corner span {display: block; background: url(skins/images/tab_dark_grey.png) no-repeat 100% -230px; padding: 0; height: 10px;}
.dc-contact-float .dc-contact-content .slick-form  {background: #efefef; border-left: 2px solid #555555; border-right: 0px solid #555555;}
.dc-contact-float.bottom.active .tab {background-position: 0 -160px;}
.dc-contact-float.bottom.active .tab span {background-position: 100% -200px;}

.dc-contact-float.bottom .dc-corner {background-position: 0 -120px;}
.dc-contact-float.bottom .dc-corner span {background-position: 100% -80px;}

/* Slick */
.dc-contact-slick {color: #555555; background: #efefef;}

.dc-contact-slick.top  {top: 0;}
.dc-contact-slick.right  {right: 0;}
.dc-contact-slick.bottom  {bottom: 0;}
.dc-contact-slick.left  {left: 0;}

.dc-contact-slick .tab {cursor: pointer; font-size: 13px; line-height: 13px; background: #efefef; padding: 12px 15px; color: #555555; font-weight: bold;}
.dc-contact-slick, .dc-contact-slick .tab {border: 3px solid #555555;}
.dc-contact-slick.right .tab, .dc-contact-slick.left .tab {top: 0;}
.dc-contact-slick.right .tab {left: 3px; margin-top: -3px;}
.dc-contact-slick.top .tab {bottom: 3px; background-position: 0 100%;}
.dc-contact-slick.left .tab {right: 3px; margin-top: -3px; background-position: 100% 0;}

.dc-contact-slick.bottom .tab {top: 3px; background-position: 0 0;}

.dc-contact-slick.align-right .tab {margin-right: -3px;}
.dc-contact-slick.align-left .tab {margin-left: -3px;}

.dc-contact-slick.top, .dc-contact-slick.top .tab {border-top: none;}
.dc-contact-slick.right, .dc-contact-slick.right .tab {border-right: none;}
.dc-contact-slick.bottom, .dc-contact-slick.bottom .tab {border-bottom: none;}
.dc-contact-slick.left, .dc-contact-slick.left .tab {border-left: none;}

/* Common */
.dc-contact-content .loading {background: url(skins/images/loading_black.gif) no-repeat 5px center; padding: 20px 10px 20px 45px;}


/* Adding image to contact form*/

.dc-contact-slick .tab {
background: url(http://paginas.fe.up.pt/~aprp/wp-content/uploads/2013/02/contactenos_slick_contact_form.png) no-repeat 0 0;
width: 36px;
height: 97px;
padding: 0!important;
}

.dc-contact-slick .ol {list-style: none;}
.dc-contact-slick  .nocomment {display: none;}


/*  Publications Costum image design 
-------------------------------------------------------------- */
#publicationsdiv {
width:auto;
}
#publicationsdiv img {
  border-width: 2px; 
  border-style: solid; 
  border-color: #555555; 
  float: right;
  width: 150px; 
  height: 224px; 
  margin: 5px 5px 5px 10px;
}
#publicationsdiv p {
  /*font-style: italic;*/
  font-size: 16px;
  /*font-weight: 200;*/
  line-height: 18px; /*27px;*/
  margin: 5px;
  /*text-align: left;*/
}

/*  Links Costum image design 
-------------------------------------------------------------- */
#linksdiv {
  width:auto;
  margin-bottom: 0px
}
#linksdiv img {
  margin-bottom: 25px;
  display: inline-block;
}
#linksdiv p {
  /*font-style: italic;*/
  /*font-size: 12px;*/
  /*font-weight: 200;*/
  line-height: 0px; /*27px;*/
  /*margin: 5px;*/
  /*text-align: left;*/
}

.link-description-wrapper {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border: 1px solid #e5e5e5;
border-radius: 4px;
margin: 0 0 20px;
padding: 10px 20px 10px 40px;
margin-top: -42px;
background: url(Images/quote.png) no-repeat 8px 8px;
}




/*  S2Member Security Badge overwrite 
-------------------------------------------------------------- */
div.ws-plugin--s2member-s-badge
  {
    text-align: right !important; 
    margin: 0 auto 0 auto;
  }



/*  S2Member profile form
-------------------------------------------------------------- */
.s2member-costum-profile {
margin: 0 auto;
position: relative;
width: 80%;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 0px 20px 20px 20px
}




/*-------------------------------------------------------------- */
/*  From Responsive CHild Theme
-------------------------------------------------------------- */


/* =Changing fonts
-------------------------------------------------------------- */


h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-family: 'Ubuntu', sans-serif;
}

.menu{
  font-family: 'Ubuntu', sans-serif;
}
#header{
  font-family: 'Ubuntu', sans-serif;
  
}
body{
  font-family: 'Vollkorn', serif;
  font-size: 16px;
  line-height: 1.3em;
}

a.button, input[type='reset'], input[type='button'], input[type='submit']{
  font-family: 'Ubuntu', sans-serif;
}

#widgets .tagcloud, #widgets .textwidget {
  line-height: 1.3em;
}


/* Media Print
-------------------------------------------------------------- */
@media print {

    h1 {
      page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
      page-break-after: avoid;
    }

    ul,  ol,  dl {
      page-break-before: avoid;
    }
}

/*  Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2013/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
    only screen and (-moz-min-device-pixel-ratio:1.5), 
    only screen and (-o-min-device-pixel-ratio:3/2), 
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    only screen and (min-device-pixel-ratio:1.5) {
    
    body {}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

    body {}
  
    .grid, 
  .grid-right {
      float: none;
    }
  
  #featured-image .fluid-width-video-wrapper {
      margin: 20px 0 0 0;
    }
  
  .home #widgets {
    margin-top: 40px;
  }
    
    .top-widget,
    .home .top-widget {
        margin-top: 0 !important;
    }
    
    .hide-980 {
        display: none;
    }
    
    .show-980 {
        display: block;
    }
    
}

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

    body {}

    #logo {
      float: none;
        margin: 0;
      text-align: center;
    }

    .grid, 
  .grid-right {
      float: none;
    }

  #featured-image .fluid-width-video-wrapper {
      margin: 20px 0 0 0;
    }
    
    .top-widget {
        float: none;
        margin: 0 auto 10px auto;
        position: relative;
        text-align: center;
        width: auto;
    }
    
    .top-widget .widget-title {
        text-align: center;
    }
  
    .js .menu,
  .js .sub-header-menu {
    display: none;
  }
  
  .top-menu, 
  .footer-menu li {
      float: none;
        font-size: 11px;
      text-align: center;
    }
  
  .tinynav {
        display: block;
    }
    
    .sb-holder {
        display: block;
    }
    
    #author-meta {
        padding: 20px;
    }
    
    .hide-650 {
        display: none;
    }
    
    .show-650 {
        display: block;
    }
    
    #footer {
      text-align: center;
    }

    #footer .social-icons {
        padding-bottom: 10px;
      text-align: center;
    }
}

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

    body {}

    #logo {
      float: none;
      text-align: center;
    }

    .grid, 
  .grid-right {
      float: none;
    }
  
  #featured-image .fluid-width-video-wrapper {
      margin: 20px 0 0 0;
  }
  
  .featured-title {
      font-size: 40px;
      padding: 40px 20px 0 20px
    }
    
    .featured-subtitle {
        font-size: 24px;
    }
    
    .navigation .next,
    .navigation .previous {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
  
    .menu ul, 
  .menu li, 
  .top-menu, 
  .footer-menu li, 
  .sub-header-menu li {
      float: none;
      text-align: center;
        text-rendering: optimizeSpeed;
    }
  
    .hide-480 {
        display: none;
    }
    
    .show-480 {
        display: block;
    }
    
    #footer {
      text-align: center;
    }

    #footer .social-icons {
      text-align: center;
    }
}

@media screen and (max-width: 320px) {
    
    body {}
  
  #featured p {
      font-size: 12px;
    line-height: 1.5em;
    }

    .featured-title {
      font-size: 35px;
    }
  
  .featured-subtitle {
    font-size: 15px;
  }

    .call-to-action a.button {
      font-size: 14px;
      padding: 7px 17px;
    }

    .hide-320 {
        display: none;
    }
    
    .show-320 {
        display: block;
    }
}

@media screen and (max-width: 240px) {
    
    body {}
  
  #featured p {
      font-size: 11px;
    line-height: 1.5em;
    }

    .featured-title {
      font-size: 20px;
    }
  
  .featured-subtitle {
    font-size: 11px;
  }

    .call-to-action a.button {
      font-size: 12px;
      padding: 5px 15px;
    }
    
    .top-widget area,
    .top-widget select,
    .top-widget textarea,
    .top-widget input[type="text"], 
    .top-widget input[type="password"] {
        width: 75%;
    }
    
    .widget-title,
    .widget-title-home h3 {
        font-size: 14px;
        height: 13px;
        line-height: 13px;
        text-align: left;
    }
    
    .hide-240 {
        display: none;
    }
    
    .show-240 {
        display: block;
    }
}

/* = Ultimate Shortcode costumization
-------------------------------------------------------------- */
.conference-box {
  border: 1px solid #e5e5e5 !important;
}
.conference-img {
  border: 1px solid #e5e5e5 !important;
}
.conference-guest-img {
  border: 1px dotted #ddd;
  margin: 0px 15px 5px 0px;
  padding: 2px;
  float: left;
  max-width: 150px !important;
}

.su-tabs-nav span {
	padding: 10px 13px !important;
}

/* = WPML costumization
-------------------------------------------------------------- */

#lang_sel {
	float: right;
	padding: 7px 0px 0px 10px;
}

/* = 
-------------------------------------------------------------- */

/* = 
-------------------------------------------------------------- */

/* = 
-------------------------------------------------------------- */

/* = 
-------------------------------------------------------------- */