@import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,700,700i');

body {
    font-family: 'Muli', Sans-Serif;
}

.field--name-field-profile-picture{
    float:left;
    padding-right:20px;
    max-width: 35%;
}
.field--label{
    /*display: ;*/
    font-weight:700;
    padding-top: 15px;
    padding-bottom: 5px;
}
.about_me_right{
    float: left;
}
.file.file--mime-application-pdf.file--application-pdf.icon-before {
    border-top: 0px;
}

.file, .file-link {
    width: 70% !important ;
}

.view-content {
    line-height: 1.9
}
.views-field.views-field-title
{
    font-size: 17px
}
.about_me_bottom{
    clear:both;
}

/*changes for cv icon */
.file>span{
    border: none !important
}
.file-icon {
    display:none;
}
.file-size{
    display: none;
}


.page-header,
.field--label,
h1,
h2,
h3,
h4{
    color: #12295d;
}
.page-header {
    border-bottom: none;
}
.field--name-field-profile-picture::after {
    display: block;
    content: " ";
    visibility: hidden;
    clear: both;
}
.about_me_bottom {
    margin-top: 2em;
    clear: both;
    display: inline-block;
    width:100%;
}
.field--name-field-about .field--label {
    font-size: 1.4em;
}

span.file.file--mime-application-pdf.file--application-pdf a {
    background-image: url('../images/cvfileicon.png');
    background-repeat: no-repeat;
    display:block;
    text-indent: -9999px;
    background-size: 50px 50px;
    padding: 33px;
}
.view-display-id-page_1 .view-content .views-row {
    margin-bottom: 2em;
}
#block-bootstrap-sub-aboutme .contextual-links {
    display: block !important;
}
#block-bootstrap-sub-aboutme .contextual .trigger {
    display: none !important;
}
form.user-login-form div.form-item-name{
    position: relative;
}

form.user-login-form div.form-item-name:after{
    display: block;
    content: "@boun.edu.tr";
    position: absolute;
    top: 26px;
    right: 1px;
    font-size: 14px;
    line-height: 28px;
    padding: 2px 10px;
    background: #eee;
    border-top-right-radius: 4px;
    opacity: 0.8;
}




/**
 * @file
 * Styles for Tour theme.
 */

/* Default styles for the container */
.joyride-tip-guide {
    background: #000;
    background: rgba(0,0,0, 0.8);
    color: #fff;
    border-radius: 5px;
    z-index: 9999;
}



/* Add a little css triangle pip, older browser just miss out on the fanciness of it. */
.joyride-tip-guide .joyride-nub {
    border: solid 14px rgba(0,0,0, 0.8);
}
.joyride-tip-guide .joyride-nub.top {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}
.joyride-tip-guide .joyride-nub.bottom {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}
.joyride-tip-guide .joyride-nub.right {
    border-top-color: transparent;
    border-right-color: transparent; /* LTR */
    border-bottom-color: transparent;
}
[dir="rtl"] .joyride-tip-guide .joyride-nub.right {
    border-left-color: transparent;
    border-right-color: rgba(0,0,0, 0.8);
}
.joyride-tip-guide .joyride-nub.left {
    border-top-color: transparent;
    border-left-color: transparent; /* LTR */
    border-bottom-color: transparent;
}
[dir="rtl"] .joyride-tip-guide .joyride-nub.left {
    border-left-color: rgba(0,0,0, 0.8);
    border-right-color: transparent;
}
.joyride-tip-guide .joyride-nub.top-right {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

/* Typography */
.joyride-tip-guide h2 {
    color: #fff;
}
.joyride-tip-guide p {
    line-height: 1.385em;
}
.joyride-tip-guide a {
    color: #fff;
}

/* Button Style */
.joyride-tip-guide .joyride-next-tip {
    margin: 0;
}
.joyride-timer-indicator-wrap {
    border: solid 1px rgba(255,255,255, 0.1);
}
.joyride-timer-indicator {
    background: rgba(255,255,255, 0.25);
}

.joyride-close-tip {
    color: rgba(255,255,255, 0.4);
    text-decoration: none;
    font-size: 1.4em;
    font-weight: bold;
}
.joyride-close-tip:hover,
.joyride-close-tip:focus {
    color: rgba(255,255,255, 0.9);
    text-decoration: none;
}

.joyride-modal-bg {
    background: rgba(0,0,0, 0.5);
}

.joyride-expose-wrapper {
    background-color: #ffffff;
}

.joyride-expose-cover {
    background: transparent;
}

.joyride-tip-guide.tip-module-toolbar.tip-type-text.tip-toolbar-main {
    margin-left: -215px
}

.joyride-tip-guide.tip-module-toolbar.tip-type-text.tip-toolbar-main.joyride-nub.top {
    left: 228px !important }
.footer .contextual {
    display: none !important;
}
a#toolbar-link-help-main{
    display: none;
}
/*
Administration
*/
a#toolbar-link-help-main,.form-item-site-slogan,.form-item-site-mail,
details#edit-front-page,details#edit-error-page,
li.account, li.account-edit,
nav#toolbar-bar .contextual-toolbar-tab
{
    display: none !important;
}
a#toolbar-link-entity-menu-edit_form:before {
    background-image: url(../../../core/misc/icons/787878/orgchart.svg);
}
a#toolbar-link-system-site_information_settings:before {
    background-image: url(../../../core/misc/icons/787878/people.svg);
}
.toolbar-menu-administration .menu-item:nth-last-child(2) a:before {
    background-image: url(../../../core/misc/icons/787878/puzzlepiece.svg);
}
.toolbar-menu-administration .menu-item:nth-last-child(1) a:before {
    background-image: url(../../../core/misc/icons/787878/questionmark-disc.svg);
}
/*
Administration
*/
a.edit-site-name, a.sort-this-view {
    font-size: .5em;
    margin-left: 10px;
}
form#user-login-form {
    max-width: 400px;
    margin: auto;
}
body.path-user .region-header .tabs{
    display:none;
}

/*
menu
*/
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default {
    background-color: #12295d;
    border: none;
}
.navbar-default .navbar-brand {
    color: #fff;
    font-weight: bold;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
    color: #0fa4dd;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #0fa4dd;
    background-color: transparent;
    border-bottom: 4px solid #0fa4dd;
    padding-bottom: 11px;
}
.joyride-tip-guide{
    margin-top:-15px !important;
}

@media (max-width: 975px){
    nav#toolbar-bar .tour-toolbar-tab{
        display:none;
    }
}
/* Mobile */
@media only screen and (max-width: 767px) {
    .joyride-tip-guide {
        border-radius: 0;
    }
}
@media (max-width: 640px){
    .about_me_right {
        width: 50%;
    }
}
article .content img{
    padding:10px;
}